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
770
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
340
Digital Design 2022-01
mathatelle
0
240
Yoshimura Lab. 2022
mathatelle
0
1.3k
create-website-html-2021
mathatelle
0
110
Multiple pages
mathatelle
0
650
How to design the individual page
mathatelle
1
69
CodePen: Making your portfolio 2021
mathatelle
0
120
single page
mathatelle
0
840
How to optimize images for Better Web Design
mathatelle
0
2.1k
Other Decks in Technology
See All in Technology
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
610
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
320
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
230
〜小さく始めて大きく育てる〜データ分析基盤の開発から活用まで
kniino
0
2.1k
4年前、あるじゃん老害エンジニアLT合戦に登壇、米国西海岸コンピュータ歴史博物館体験記の続編
toshi_atsumi
0
220
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
340
Discord とビルダー&チャットボットの使い方 / How to use Discord and Builder & Chatbots
ks91
PRO
0
160
JAWS-UG Bedrock Claude Night
yamahiro
3
430
アクセス制御にまつわる改善 / Improving access control
itkq
0
440
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
3
470
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
280
NgRx Signal Store
rainerhahnekamp
0
140
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Practical Orchestrator
shlominoach
181
9.7k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
GraphQLとの向き合い方2022年版
quramy
31
12k
Facilitating Awesome Meetings
lara
41
5.6k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
Gamification - CAS2011
davidbonilla
76
4.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Scaling GitHub
holman
457
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ʹରͯ͠ಛఆͷελΠϧΛద༻Ͱ͖Δ ֯εϖʔεΛೖΕΔ