CSS ?? ??
CSS? ???
selector,
properties
?? ?? ? ???? ?????.
??: ????? {??: ?} (??? {??: ?})
1. ??
???? ??? ??? ? ? ??? ????? ??? HTML ??? ????? ???. , BODY, P, TABLE? ?? ??? ?? ? ??? ?? ??? ? ????. ??? ?? ???? ????? ???:
?: body {color: black}, ?? ? ?? The text on the page is black? ???? ????.
?? ?? ?? ??? ??? ?? ?? ???? ???? ???. ?? ?? ?? ??? ?? ??? ??? ??? ????.
?: p {font -family: "sans serif"} (?? ??? sans serif? ??)
???? ?? ??? ???? ?? ?? ????? ???? ?? ??? ?? ?????.
?: p {text -align: center; color : red} (??? ??? ???? ??, ?? ?? ???? ??????)
2. ??? ??
?? ??? ?? ???? ???? ??? ???? ???? ??? ??? ?? ? ????.
h1, h2, h3, h4, h5, h6 { color: green } (? ???? ?? ?? ??? ? ??? ???? ?????. ?? ??? ?????)
p, table{ ?? ??: 9pt } (??? ?? ??? ??? 9???.)
??? ??? ??? ?????.
p { ??- size: 9pt }
table {font-size: 9pt }
3. ??? ???
??? ???? ???? ??? ???? ??? ? ??? ??? ???? ???? ??? ??? ? ????. , ??? ?? ????? ?? ?? ???? ?????. ? ?? ?? ?? ??(??? ???? ???? ?? ??? ???? ??)? ??? ?? ?? ? ?? ???? ??? ? ????:
p.right {text-align: right}
p.center { text-align: center }
?? ?? HTML ??? ??? ??? ????? ???? ???.
right ? ??? ????? ?????.
center ? ??? ??? ?????.
??? ???? ???? ? ?? ??? ????. ????? HTML ?? ??? ???? ?? ?? ??? ??? ???? ??? ? ????.
center {text-align: center} (define .center ??? ???? ?? ??? ??????. ??? ???? ?? ??? ??? ? ????. ??? h1 ??(?? 1)? p ??(??)? ?? "center" ???? ???? ? ??? ???? ".center" ??? ???? ???? ???.
? ??? ??? ?????.
? ??? ??? ????.
HTML ??? ???? ? ??? ???? ??? ?? ????? ???? CSS ?????. ? ??? ???? ?? ??? ????? ?? ??? ??? ?? ??? ? ????.
4. ID ???
HTML ????? ID ????? ?? ??? ???? ID ???? ? ?? ??? ?? ??? ???? ???? ? ?????. ID ???? ??? ??? ???? ??? ?????. ?? CLASS? ID? ??? ???. ? ??? ???? ID? ????. ? ??? ????? ???? ID ?? ?? "#" ??? ???? ID ???? ?????. ??? ???? ????? ID ???? ??? ???? ???? ? ??? ????. ?? ??? ID ??? id="intro"? ?? ??? ?????.
#intro
{
font-size:110%;
font-weight:bold ;
color:#0000ff;
background-color:transparent
} (?? ??? ?? ??? 110%, ??, ???, ???? ??)
?? ?, ID ??? id="intro"? ?? ???? ?????:
{
font-size:
font-weight:
color: #0000ff;
background-color: transparent
}
ID ???? ?? ????? ?? ??? ???? ????? ??? ? ????. ??? ??.
CSS Album
5. ??? ??
?? 1? ?? 2? ???? ?? ??? ??? ????? ??? ? ????. ? ??? ?? 1?? ?????. ?? 2? ???? ??? ?? ?? 1?? ?? 2? ?? ??? ????. ?:
table a
{
font-size: 12px
}
??? ?? ?? ???? ?????? ??? ??? 12???? ??? ???? ??? ??? ??? ?? ?????.
6. ??? ??? ??? ??
??? ??? ?????. ??? ??? ?? ??? ?? ?? ???? ???? ? ??? ??? ?? ??? ?? ????? ????. ??? ?? ?? ??? ?? ??? ?? ???? ??? ?? ?? ????, ?? ???? ?? ? ??? ???? ?? ???? ?? ?? ??? ????. ?? ?? DIV ??? P ??? ?????.
div { color: red;font-size: 9pt}
? ??? ???? ??? 9??? ?????(P ??? ??). DIV ?? ??? ?????.)
?? ???? ?? ???? ?? ???? ?? ??? ??? ????? ?? ?????. ?? ??, ?? ?? ?? ?? ???? ????. ????? ??? ?? BODY? ??? ?? ?? ?? ?? ????. ?? ??? ?? ??? ???? ?? ????? ??? ???? ?? ?????. ?? ??? P? ??? ??? ??:
div { color: red;font-size:9pt}
p {color: blue}
CSS album
???? ??? 9??? ??? ?? ????. ?? ? ???? ??? 9? div ??? ??????, color ??? ??? ??? ????. ?? ?? ???? ??? ??? ???? ?? ?? ?? ??? ?? ?? ??? ???? ???. ID ???, ??? ???, HTML ?? ??? ID ???? ??? ???? ????? ????? ?? ?? ? ??? ??? ??????. ? ? ?? ??? ????? !important? ???? ??? ??? ????? ?? ? ????. ?:
p { color: #FF0000!important }blue { color: # 0000FF}
#id1 { color: #FFFF00}
? ? ?? ???? ???? ??? ??? ???? !?? ??? HTML ?? ??? ???? ?? ????? ??? ???? ???. ???. !important? ???? ?? ??? ?? ?? ID ???? ??? ???? ?????.
7. ?? CSS? ??? ???? ??? ??? ?????. ??? ??? ??? ???? ??? ? ??? ??? ???? ? ??? ???. ?????? ??? ???? ????. CSS ??? ??? ?? "/*"? ???? "*/"? ????. /* ?? ??? ?? ??*/ p { text-align: center ; /* ???? ??? ??? ?????. */ color: black; /* ???? ??????.*/ font-family: arial /* ??? arial???. */ } CSS ??? ? css? ??? ??, ???? ?? ? ?? ??? ?? ??? ??? ? ????. CSS? ?????. ? ??? HTML?? ??? ????? ???. ?? ???? ?? ??? ?? ????? CSS? ???? ? ??? ?? ?? ???? ??? ? ????. ? ?????: css ??: ul{ list-style:none; margin:0px;/*IE ????? ???? ??*/ padding: 0px;/*?? ????? ???? ??*/ } ul li{margin:0px;padding:0px;float:left;} ul li a{display:block;width :100px;??:30px;??:#efefef;??:# 333;??? ??:??;??? ??:??} ul li a:hover{??:#333;??:#fff;} CSS? ???? ? ??? ??? ???. ?? ??, ?????? ?? ??, ?? ??, ?? ??, ??? 30??, ??? 100?????. ???? ? ????? ?? ??? ?, ?? ??? ?? ??? ?????. ???? ?? ? CSS ??? ????? ??? ????, ??, ??, ?? ? ?? ??? ?? ???? ??? ? ????. ?? ??? ??? ???? ??? ???? ?? ???? ?? ???? ?? ????? ??? ??? ??? ? ????. ??? ??? ? ????. (1) ?? ?? ?????? ??? ? ????. (2) ???? ??? ??? ?? ???? ?? ?? ??? CSS? ???? ?? ??? ? ?? ??? ???? ??? ??????. (3) ???? ??? ?? ???? ???? ?? ??? ???? ?? ?? ?? ????. (4) ??? ????? ?? ??? ? ????. (5) ?? ????? ???? ??? ??? ????? ? ???? ? ?? ????? ????? ??? ????. CSS ??? ???? ???? ?? ???? ???? ??? ? ????. CSS ??? ?? ?? ???? ?? ???? ?? ???? ?? ?? ?????. CSS? ???? ?? ??? ??? ??? ?? ? ??? ??? ?????? ????? HTML ??? ???? ???? ??? ?? ??????. ????? ?? ??? ??? ?? ???? ??? ???? HTML ??? ??? ?? ??? ????? ???? ?????. CSS? ??? ??? ????? ?? ?????, ?? ? ??? ?? ??? ???? ????. CSS? ??? ??? ??? ?? ????? ?? ?? ???? ???? ?????. ??? ??? ???? ???? ????? ?? ???? ?????. ?? ??? ????? HTML? ???? ????? ??? ???? ? ????. ?? ??? ?? ????? ???? ??? ??? ???? ????. CSS? ?? ? ?? ? ??? ?? HTML ?????? ??? ?? ??? ???? ????.
