30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (3/4)4.CSS セレクターã¯çŸã最é©åŒ–ã›ã‚ˆï¼ CSSã¯ã‚·ãƒ³ãƒ—ルã«ã€çŸã書ãã“ã¨ãŒã‚‚ã£ã¨ã‚‚大切ã 。ã„ãã¤ã‹ã®ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚‹ã®ã§ãœã²ã¨ã‚‚押ãˆã¦æ¬²ã—ã„。基本ã¯ã€ã€Œãƒ–ラウザーã¯CSSã‚’é©ç”¨ã™ã‚‹ã¨ãマッãƒãƒ³ã‚°ä½œæ¥ã‚’ã—ã¦ã„ã‚‹ã€ã€Œãƒžãƒƒãƒãƒ³ã‚°ã®æ¯ä½“ãŒå¤§ãããªã‚Œã°ãªã‚‹ã»ã©ã€åŠ¹çŽ‡ã¯æ‚ªããªã‚‹ã€ã¨ã„ã†ã“ã¨ã 。 ■ユニãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã€Ž*ã€ã¯é¿ã‘ã‚‹ ユニãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼ˆå…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼‰ã¯ãã®åã®ã¨ãŠã‚Šâ€œãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«â€ï¼ˆã™ã¹ã¦ï¼‰ã§ã‚ã‚Šã€ãƒžãƒƒãƒãƒ³ã‚°ã«ç›¸å½“ã®æ™‚é–“ãŒã‹ã‹ã‚‹ã€‚ã¤ã¾ã‚Šã€ *{ margin: 0; padding: 0; } ã¨ã„ã†CSSリセットã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’é…ãã—ã¦ã—ã¾ã†ãŸã‚ã€ãªã‚‹ã¹ã使ã†ã¹ãã§ã¯ãªã„。 â– idåã«ã‚¿ã‚°ã‚„classを付ã‘åŠ ãˆã‚‹ãª idã¯ã‚‚ã¨ã‚‚ã¨ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚‚ã®ã€‚ã‚¿ã‚°ã‚„classを付ã‘åŠ ãˆã‚‹å¿…è¦ã¯ãªã„。余計ãªã‚‚ã®ã‚’付ã‘ã‚Œã°ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯é…ããªã‚‹ã€‚ â—悪ã„例： ul#global-nav â—良ã„
CSSãƒãƒƒã‚¯ | BLOG × WORLD ENDING
{{#tags}}- {{label}}
{{/tags}}