Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting started with CSS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Masateru YOSHIMURA Masateru YOSHIMURA
June 01, 2020
Programming
3k
1

Getting started with CSS

CSSとは
CSSによるスタイリングの方法
CSSの書き方
CSSの用語

Avatar for Masateru YOSHIMURA

Masateru YOSHIMURA

June 01, 2020

More Decks by Masateru YOSHIMURA

See All by Masateru YOSHIMURA
Digital Design 2022-02
Avatar for Masateru YOSHIMURA mathatelle
0
390
Digital Design 2022-01
Avatar for Masateru YOSHIMURA mathatelle
0
280
Yoshimura Lab. 2022
Avatar for Masateru YOSHIMURA mathatelle
0
1.4k
create-website-html-2021
Avatar for Masateru YOSHIMURA mathatelle
0
170
Multiple pages
Avatar for Masateru YOSHIMURA mathatelle
0
720
How to design the individual page
Avatar for Masateru YOSHIMURA mathatelle
1
130
CodePen: Making your portfolio 2021
Avatar for Masateru YOSHIMURA mathatelle
0
160
single page
Avatar for Masateru YOSHIMURA mathatelle
0
890
How to optimize images for Better Web Design
Avatar for Masateru YOSHIMURA mathatelle
0
2.2k

Other Decks in Programming

See All in Programming
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
270
20260623_Loop Engineeringで自分の分身の問い合わせBotを作る
Avatar for ryugen04 ryugen04
0
200
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
840
AIを活用したE2Eテスト実装効率化のあゆみ / ebisu-mobile-14-kotetu
Avatar for kotetu (kotetuco) kotetuco
0
170
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
210
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
Avatar for Daisuke Masuda x5gtrn
PRO
0
1.4k
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
210
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
120
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
580
Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
200
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
Avatar for Masahiro Watanabe cottpan
1
140
1B+ /day規模のログを管理する技術
Avatar for Broadleaf Co., Ltd. broadleaf
0
130

Featured

See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
180
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
350
A Soul's Torment
Avatar for Nat Ma seathinner
6
3.1k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
150
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
730
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
180
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.5k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k

Transcript

  1. $44Λ͸͡ΊΑ͏

  2. ϖʔδΛελΠϦϯά͢Δ΋ͷɻ $44ͱ͸ʁ w จࣈ w ৭ w ϨΠΞ΢τ w ಈ͖

  3. ϖʔδΛελΠϦϯά͢Δ΋ͷɻ $44ͱ͸ʁ w จࣈɿαΠζɺଠ͞ɺछྨͳͲ w ৭ɿจࣈͷ৭ɺഎܠͷ৭ɺઢͷ৭ͳͲ w ϨΠΞ΢τɿ༨നɺฒ΂ΔͳͲ w ಈ͖ɿΞχϝʔγϣϯͳͲ

  4. ᶃ ελΠϦϯάΛ͢Δର৅ΛܾΊΔ ᶄ ͲΜͳछྨͷελΠϦϯάΛ͢Δ͔ܾΊΔ ᶅ ͦͷελΠϦϯάͷ஋ΛܾΊΔ $44ʹΑΔελΠϦϯάͷํ๏ ͜ΕΛ࣍ͷΑ͏ͳॻ͖ํͰද͢ʢ࣍ͷϖʔδˠʣ

  5. $44ͷॻ͖ํ h1 { color: red; font-size: 80px; } ᶃIʹରͯ͠ ᶄ৭Λ

    ᶅ੺ʹ͢Δ ᶄจࣈαΠζΛ ᶅQYʹ͢Δ ೖྗ͕େมͦ͏͚ͩͲɺ)5.-ͱಉ༷λϒΩʔ͕࢖͑·͢ʂৄ͘͠͸ϏσΦͰʂ ඍົͳ৭߹͍Λදݱ͢ΔͨΊʹ͸ ਺஋Λ࢖ͬͯࢦఆ͠·͢ɻ SFEͱಉ͡੺͸Gɺ গ͠μʔΫͳ੺͸GͰද͞Ε·͢ɻ

  6. $44ͷ༻ޠ h1 { color: red; font-size: 80px; } ᶄϓϩύςΟ ᶅ஋

    ηϨΫλͷه๏ͱϓϩύςΟͷछྨΛ֮͑Ε͹ɺࣗ༝ࣗࡏʹελΠϦϯά͕Ͱ͖ΔΑ͏ʹͳΓ·͢ɻ ஌ࣝΛετοΫ͍͖ͯ͠·͠ΐ͏ʂ ᶃηϨΫλ

  7. $PEF1FOͰ΍ͬͯΈΑ͏ ೉ͦ͠͏͚ͩͲɺश͏ΑΓ׳ΕΖͷਫ਼ਆͰɻ ॻ͖ଓ͚Ε͹ɺࣗવͱ֮͑ΒΕ·͢ɻ