CSS / Properties / color, font, text

よく使うCSSプロパティ：文字と色

Transcript

1. Α͘࢖͏$44ϓϩύςΟɿจࣈͱ৭
2. ల։લ ల։ޙ ࢖༻ྫ จࣈͷ৭ c color c#fff → color : #fff; ΩʔϫʔυʹΑΔࢦఆ͸͠ͳ͍ɻ
   ඍົͳ഑৭͕Ͱ͖ͳ͍ͨΊɻ എܠͷ৭ bg background bg#fff → background : #fff; ৭ จࣈͱഎܠͷ৭ͷόϥϯεʹ͸ؾΛ഑Ζ͏ɻ
   എܠ͕Ͱจࣈ͕⒎Gʢ·ͨ͸എܠ͕⒎GͰจࣈ͕ʣʹ͢Δͱίϯτϥετ͕ڧ͗ͯ͢໨ʹ௧͍ɻ
   ͜ͷεϥΠυͷഎܠ΋ɺࠇʹݟ͑Δ͕࣮͸ʮೱ͍άϨʔʯʹͯ͋͠Δɻ
3. (PPHMFͰΧϥʔϐοΧʔͱݕࡧ ஋Λίϐʔ͢Δ ͜͜Λૢ࡞ͯ͠ɺ ৭
4. ల։લ ల։ޙ ࢖༻ྫ จࣈͷαΠζ fz font-size fz80 → font-size : 80px; QYҎ֎ʹ΋SFNͳͲͷ୯Ґ΋ར༻Ͱ͖Δɻ ߦͷߴ͞ lh line-height lh1.8 → line-height : 1.8; ಺༰ʹԠͯ͡ʙͰઃఆ͢Δɻ
   ˞ඞͣઃఆ͢ΔΑ͏ʹ͠Α͏ จࣈ
5. ల։લ ల։ޙ ࢖༻ྫ จࣈͷछྨ ff font-family ff → font-family : serif; ffss → font-family : sans-serif; ϑΥϯτ໊Ͱͷࢦఆ΋Ͱ͖Δɻ จࣈͷଠ͞ fw font-weight fw700 → font-weight : 700; fwb → font-weight : bold; ਺஋·ͨ͸ΩʔϫʔυͰઃఆ͢ΔɻͲͪΒͰ΋Α͍ɻ จࣈ GPOUGBNJMZ͸۩ମతͳϑΥϯτ໊ΛϦετͯ͠ࢦఆ͕Ͱ͖Δɻྫ͑͹ɺ
   GPOUGBNJMZ
   )FMWFUJDB
   /FVF
   "SJBM
   )JSBHJOP
   ,BLV
   (PUIJD
   1SP/
   )JSBHJOP
   4BOT
   .FJSZP
   TBOTTFSJG
   ઌʹॻ͍ͯ͋Δ΋ͷ͕༏ઌͯ͠ࢦఆ͞ΕΔɻ
6. ల։લ ల։ޙ ࢖༻ྫ จࣈἧ͑ ta text-align tac → text-align : center; tar → text-align : right; ࣈؒ ls letter-spacing ls5 → letter-spacing : 5px; จࣈ
7. ͜͏͍ͬͨ·ͱΊͷγʔτΛ
   ࣗ෼Ͱ࡞੒Ͱ͖ΔΑ͏ʹͳΖ͏
   ਓʹ࡞ͬͯ΋Β͍ͬͯΔ͏ͪ͸ֶͿ࢟੎͕ड͚਎ɻ
   ड͚਎Ͱ͍Δͱɺͳ͔ͳ͔֮͑Δ͜ͱ͕Ͱ͖·ͤΜɻ
   खॻ͖Ͱे෼ͳͷͰɺࣗ෼ͷϊʔτΛ࡞Ζ͏ɻ