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
Lambda Web Adapterについて自分なりに理解してみた
smt7174
6
160
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
430
本が全く読めなかった過去の自分へ
genshun9
0
900
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
240
Model Mondays S2E03: SLMs & Reasoning
nitya
0
350
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
visional_engineering_and_design
3
6.6k
OPENLOGI Company Profile
hr01
0
67k
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
1.6k
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.3k
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
6.7k
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
440
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
BBQ
matthewcrist
89
9.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Statistics for Hackers
jakevdp
799
220k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
The Invisible Side of Design
smashingmag
301
51k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Code Reviewing Like a Champion
maltzj
524
40k
RailsConf 2023
tenderlove
30
1.1k
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ʹରͯ͠ಛఆͷελΠϧΛద༻Ͱ͖Δ ֯εϖʔεΛೖΕΔ