h2ospace

CSSã?®æ?ªæ??å?¢ï??ã??PHPã?§CSSã??ä??ã??ã?? DtCSS

2010-01-31 20:06:10

ã??ã??ã?°ã?©ã??ã?®ç?¯ã??ã??ã?§ã??ã??ç§?ã?? CSSã??æ?¸ã??ã?¦ã??ã??ã?¨ã??ã??ã?©ã??ã??ã??ã??ã?¨ã??ã??ã??ã??ã??ã??ã??ã?? ã??ã??ã??ã??å¤?æ?°ã??å?ºæ??ã??ã??æ??ã?ªã?®ã??ï??ã??ã?¨ã??ã??ã??ã??ã??ã??é??層æ§?é??ã?§è¨?è¿°ã?§ã??ã??ã??å??ç??ã??ã??ã??ã?®ã??ï??ã??ã?¨ã??

ã??ã??ã?ªé¡?ã??ã??å?¶ã??ã?¦ã??ã??ã??ã?®ã??ã??DtCSSã??ã??PHPã?§ã??CSSã??å??ç??ç??æ??ã??ã??ã?©ã?¤ã??ã?©ã?ªã?§ã??ã??

ä??ã??ã?°ã??次ã?®è¨?è¿°ã??

#define HEADER_COLOR red
h1, h2, h3 {
        color: HEADER_COLOR;
        a:link {
                color: blue;
        }
        a:visited {
                color: darker(blue);
        }
}

CSSã?¨ä??ã?¦ç?°ã?ªã??è¨?è¿°ã?§ã??ã??ã??ã??ã??ã?? DtCSSã??ã??ã??ã??ã?¨ã??ã??ã?ªã??ã??ã??ã??

h1, h2, h3 {
    color: red;
}

h1 a:link, h2 a:link, h3 a:link {
    color: blue;
}

h1 a:visited, h2 a:visited, h3 a:visited {
    color: #1a1a97;
}

defineã?§å¤?æ?°ï??å®?æ?°ï??ã??æ??å®?ã??ã??ã??ã?¨ã??å?ºæ??ã??ã??ã??ã??ä?¿ã?£ã?¦å??ã??å®?ç?©ã??ä??度ã??æ?¸ã??ã?ªã??ã?¦æ¸?ã??ä¸?ã??親å??é?¢ä¿?ã?¯é??層æ§?é??ã?§è¨?è¿°ã??ã??ã??ã?¨ã??å?ºæ??ã??ã??ã??

ã??ã??ã??ã??darkerï??æ??ã??ã??ã??ï??ã??ã?ªã?©ã?®ã??ã?¡ã??ã?¯ã??ã?§ã??ã??æº?å??ã??ã??ã?¦ã??ã?¦ã??å?®å¦?ã?ªè??ã?®å®?ç?©ã??è¨?è¿°ã??ã??ã??ã?¨ã??ã??

ã??ã??ã?¯ã??æ?ªæ??ã??æ??ã??ã??ã??ã?¦ã??ã??ã??CSSã?§ã??ã?? ã??ã??ã??ã??ã?§ã??ã?¿ã?¤ã??ã??確èª?ã?§ã??ã?ªã??ã?ªã??ã?¨ã??ã??Dreamweaverã?®ã??ã?¶ã?¤ã??ã??ã??ã??ã??ä?¿ã??ã?ªã??ã?ªã??ã?ªã?©ã??ã??ã?¶ã?¤ã??ã??ã??ã??ã?¯ã?¡ã??ã?£ã?¨æ??å±?ã??é??ã??ã?§ã??ã??ã??æ?ªæ??ã?®CSSã?¯ã??ã??ã?ªã??ã??ã?°ã?©ã??ã??ã?°è¨?èª?ç??ã?ªã??ã?®ã??é??å??ã??ã??ã??ã??ï??

ã??ã?¦ã??ã??ã??ã??ã?¯ã??ã?¡ã??ã??ã??ã?©ã??ã??ã??

※このエントリは ブロガーにより投稿されたものです。朝日インタラクティブ および ZDNet Japan編集部の見解・意向を示すものではありません。
  • 新着記事
  • 特集
  • ブログ