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
Tiptapで実現する堅牢で柔軟なエディター開発
kirik
1
140
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
3
370
AI工学特論: MLOps・継続的評価
asei
10
1.9k
スプリントレビューを効果的にするために
miholovesq
9
1.7k
MCPと認可まわりの話 / mcp_and_authorization
convto
2
270
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.7k
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
250
Wasmで社内ツールを作って配布しよう
askua
0
150
20150719_Amazon Nova Canvas Virtual try-onアプリ 作成裏話
riz3f7
0
140
20250719_JAWS_kobe
takuyay0ne
1
170
怖くない!GritQLでBiomeプラグインを作ろうよ
pal4de
1
130
分散トレーシングによる コネクティッドカーのデータ処理見える化の試み
thatsdone
0
260
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
990
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Building Adaptive Systems
keathley
43
2.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Git: the NoSQL Database
bkeepers
PRO
431
65k
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ʹରͯ͠ಛఆͷελΠϧΛద༻Ͱ͖Δ ֯εϖʔεΛೖΕΔ