CSSフレンズ 第一回「CSS再入門」 https://cssfriends.connpass.com/event/52444/
$44ͷJEͱDMBTTͷ͍͚%BJTVLF,0/*4)*ୈҰճʮ$44࠶ೖʯ
View Slide
Daisuke KONISHI[email protected]ϚʔΫΞοϓΤϯδχΞ
$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 { … } タイトル
$44ʹৄࡉ͕͋Δ
ϙΠϯτͰදݱ͞ΕΔࣄ͕ଟ͍[email protected]@OBJMJUFNTFDEFDB
ͨͱ͑͜͏#header { … } /* 100点 */.title { … } /* 10点 */.list li a { … } /* 12点 */
্ॻ͖͢ΔʹͦΕҎ্ͷ͕ඞཁ.header h1 { … } /* 11点 */.header .title { … } /* 20点 */ ◯ .title { … } /* 10点 */ ☓ タイトル
ͭ·Γʜw ηϨΫλ͕ଟ͍ɾৄࡉͷߴ͍ͷ͕͋Δͱ্ॻ͖͕େมw DMBTTͷΈͷํ͕ߟ͍͑͢
ηϨΫλΛগͳ͘͢Δʹw ઃܭΛษڧ͢Δ 00$44 '-0$44 #PPUTUSBQͳͲw ໋໊نଇͰઓ͏ #&.
Q.͡Ό͋JEʁ
A.w ϖʔδભҠ͢Δͱ͖ͷҹw +BWB4DSJQUͰૢ࡞͢Δͱ͖ͷҹ
·ͱΊw ελΠϧͷࢦఆDMBTTͰߦ͓͏w DMBTTͷΈͷํ্͕ॻ͖͍͢͠w ηϨΫλগͳ͍ํ͕ཧ͍͢͠