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のidとclassの使い分け
Search
Daisuke Konishi
April 16, 2017
Programming
0
1.2k
CSSのidとclassの使い分け
CSSフレンズ 第一回「CSS再入門」
https://cssfriends.connpass.com/event/52444/
Daisuke Konishi
April 16, 2017
Tweet
Share
More Decks by Daisuke Konishi
See All by Daisuke Konishi
複数ソースから集めて作る自分サイト
dkonishi
0
13
django-import-export で マスターデータ管理生活
dkonishi
0
210
Kansai WordPress Meetup@京都 近況とこれから
dkonishi
0
92
大阪Pythonの会の紹介@Python Kansai #01
dkonishi
1
160
Netlify Functions 叩き初め
dkonishi
0
170
Gatsby.jsでWordPressのフロントエンドを作る
dkonishi
0
280
AWS LambdaからSlackに ○○を送る
dkonishi
0
1.2k
Bench京都怖くない
dkonishi
0
180
WordBench京都への関わりと何を得たか
dkonishi
0
130
Other Decks in Programming
See All in Programming
유연한 Composable 설계
l2hyunwoo
0
380
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
APIのない大学ログインWebサービスをWKWebViewとJavaScriptでアプリ化した話
akidon0000
1
330
CSC307 Lecture 06
javiergs
PRO
0
360
Introduction to GitOps
hwchiu
0
110
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
「2024年版 Kotlin サーバーサイドプログラミング実践開発」の補講 〜O/Rマッパー編〜
n_takehata
2
260
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
Trial
cairolibrary720
1
130
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
In The Pink: A Labor of Love
frogandcode
139
22k
Practical Orchestrator
shlominoach
185
10k
Building Applications with DynamoDB
mza
89
5.8k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Transcript
$44ͷJEͱDMBTTͷ͍͚ %BJTVLF,0/*4)* ୈҰճʮ$44࠶ೖʯ
Daisuke KONISHI !TLE@OX ϚʔΫΞοϓΤϯδχΞ
None
$44ͷJEͱDMBTTͷ͍͚ %BJTVLF,0/*4)* ୈҰճʮ$44࠶ೖʯ
$44ॻ͍ͯ·͢ΑͶʁ .title { font-weight: 600; font-size: 24px; } .container {
width: 1024px; margin-left: auto; margin-right: auto; } ηϨΫλ
$44ͷࢦఆ
Q. JEͱDMBTTͷ ͲͪΒΛ͏͖͔
A. جຊDMBTT͚ͩͰ0,
1. ͍·Θ͍͢͠
#page-top .title { font-weight: 500; font-size: 24px; } #page-about .title
{ font-weight: 500; font-size: 24px; } .title { font-weight: 500; font-size: 24px; } #FUUFS
DMBTT໊͔Γ͍͢ ໊લΛ͚Α͏
ϲ݄ޙͷ͋ͳ͕ͨٽ͔͘ .topContentHeaderLink { text-align: right; text-decoration: none; } .box1 {
… } .box2 { … }
ະདྷͷ͋ͳ͕ͨͪΐͬͱসإ .link-more { text-align: right; text-decoration: none; } .main-contents {
… } .category-box { … }
2. ελΠϧͷ্ॻ͖͕ ͍͢͠
.header h1 { … } .header .title { … }
.title { … } <header class=“header” id=“header”> <h1 class=“title”>タイトル</h1> </header>
$44ʹৄࡉ͕͋Δ
ϙΠϯτͰදݱ͞ΕΔࣄ͕ଟ͍ IUUQRJJUBDPNPI@SVTUZ@OBJMJUFNTFDEFDB
ͨͱ͑͜͏ #header { … } /* 100点 */ .title {
… } /* 10点 */ .list li a { … } /* 12点 */
্ॻ͖͢ΔʹͦΕҎ্ͷ͕ඞཁ .header h1 { … } /* 11点 */ .header
.title { … } /* 20点 */ ◯ .title { … } /* 10点 */ ☓ <header class=“header”> <h1 class=“title”>タイトル</h1> </header>
ͭ·Γʜ w ηϨΫλ͕ଟ͍ɾৄࡉͷߴ͍ͷ͕ ͋Δͱ্ॻ͖͕େม w DMBTTͷΈͷํ͕ߟ͍͑͢
ηϨΫλΛগͳ͘͢Δʹ w ઃܭΛษڧ͢Δ 00$44 '-0$44 #PPUTUSBQͳͲ w ໋໊نଇͰઓ͏ #&.
Q. ͡Ό͋JEʁ
A. w ϖʔδભҠ͢Δͱ͖ͷҹ w +BWB4DSJQUͰૢ࡞͢Δͱ͖ͷҹ
·ͱΊ w ελΠϧͷࢦఆDMBTTͰߦ͓͏ w DMBTTͷΈͷํ্͕ॻ͖͍͢͠ w ηϨΫλগͳ͍ํ͕ཧ͍͢͠