Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS: selector
Search
Masateru YOSHIMURA
July 10, 2020
Technology
0
800
CSS: selector
Masateru YOSHIMURA
July 10, 2020
Tweet
Share
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
370
Digital Design 2022-01
mathatelle
0
270
Yoshimura Lab. 2022
mathatelle
0
1.3k
create-website-html-2021
mathatelle
0
150
Multiple pages
mathatelle
0
700
How to design the individual page
mathatelle
1
100
CodePen: Making your portfolio 2021
mathatelle
0
150
single page
mathatelle
0
880
How to optimize images for Better Web Design
mathatelle
0
2.1k
Other Decks in Technology
See All in Technology
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
150
AWSで始める実践Dagster入門
kitagawaz
0
240
エニグモ_会社紹介資料(エンジニア職種向け).pdf
enigmo_hr
0
2.2k
ヘブンバーンズレッドにおける、世界観を活かしたミニゲーム企画の作り方
gree_tech
PRO
0
540
実運用で考える PGO
kworkdev
PRO
0
150
「魔法少女まどか☆マギカ Magia Exedra」での負荷試験の実践と学び
gree_tech
PRO
0
570
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
300
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
0
110
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
gowhich501
1
120
RSCの時代にReactとフレームワークの境界を探る
uhyo
9
3k
バッチ処理で悩むバックエンドエンジニアに捧げるAWS Glue入門
diggymo
3
120
なぜスクラムはこうなったのか?歴史が教えてくれたこと/Shall we explore the roots of Scrum
sanogemaru
3
920
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Speed Design
sergeychernyshev
32
1.1k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Music & Morning Musume
bryan
46
6.8k
4 Signs Your Business is Dying
shpigford
184
22k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
A Tale of Four Properties
chriscoyier
160
23k
Visualization
eitanlees
148
16k
Producing Creativity
orderedlist
PRO
347
40k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Scaling GitHub
holman
463
140k
Transcript
ηϨΫλͷॻ͖ํ
༻ޠͷ͓͞Β͍ h1 { font-size: 80px; } ᶄϓϩύςΟ ᶅ ᶃηϨΫλ ελΠϦϯάͷର
ηϨΫλͷॻ͖ํᶃ)5.-ͷཁૉ໊Λ༻͍Δ h1 { font-size: 80px; } )5.- )5.-ͷཁૉ໊Λͦͷ··༻͍Δ $44 <h1>ΈΜͳͷ͓ؾʹೖΓ</h1>
ϖʔδͷͯ͢ͷIʹରͯ͠ɺ͜ͷελΠϧ͕ద༻͞ΕΔ
.title { font-size: 80px; } ηϨΫλͷॻ͖ํᶄ)5.-ͷDMBTT໊Λ༻͍Δ )5.- DMBTTͷΛ༻͍Δ $44 <h1
class="title">ΈΜͳͷ͓ؾʹೖΓ</h1> υοτΛ͚Δ
h1, h2 { text-align: center; } ηϨΫλͷॻ͖ํᶅ·ͱΊͯద༻͢Δ )5.- $44 <h1>ΈΜͳͷ͓ؾʹೖΓ</h1>
. . . <h2>ΈΜͳͷ͓ؾʹೖΓ</h1> ΧϯϚͰ۠Δ ෳͷཁૉΛରʹ·ͱΊͯελΠϧΛద༻Ͱ͖Δ
h1 img { width: 240px; } ηϨΫλͷॻ͖ํᶆ )5.- Iͷதʹ͋ΔJNH˞ݟग़͠ͷը૾͚ͩʹ͜ͷελΠϧ͕ద༻͞ΕΔ $44
<h1><img src="***.png" alt="ΈΜͳͷ͓ؾʹೖΓ"></h1> ֯εϖʔεͰۭ͚Δ img { width: 240px; } ͜ͷΑ͏ʹॻ͘ͱɺϖʔδͷதͷ ͯ͢ͷJNHʢը૾ʣͷ෯͕ QYʹࢦఆ͞ΕΔɻ ˞ಛఆͷରʹߜͬͯࢦఆ͍ͨ͠߹ ͍͚͕ Ͱ͖ΔΑ͏ʹ ͠Α͏
<items class="items my-items”> . . . <items class="items our-items"> DMBTTʹෳͷΛೖΕΔ
)5.- JUFNTʹڞ௨ͷελΠϧΛɺ PVSJUFNTʹରͯ͠ಛఆͷελΠϧΛద༻Ͱ͖Δ ֯εϖʔεΛೖΕΔ