學習css簡單內容

標籤：上下   text   cccccc   規則   pac   包含   nbsp   class   center   

Css的class，ID和上下文選擇符

Class選擇符。

Class選擇符用來配置某一類css規則,將其應用到網頁中一個或多個地區。配置一類樣式時，要將選擇符配置成類名。在類名前加（.）。類名必須以字母開頭，可包含字母，連字號和底線。類名不能出現空格。

下面以future為類名，配置文本字型顏色為紅色。

.future{color:#FF0000;}

ID選擇符

用id選擇符想網頁中單個地區應用獨特的css規則。Class選擇符可在網頁上多次應用。而id選擇符在每個網頁中只能應用一次。為某個id配置樣式說的時候，要在id前面加#。Id名稱可以是字母，數字，底線和連字號。Id名稱也不能包含空格。

以下代碼在樣式表中配置名為content的id：

#content{color:#333333;}

使用id屬性，即id=content，便可將id為content的樣式應用於你希望的元素。以下代碼將id為content的樣式應用於一個<div>標記：

<div id=”content”>只是一個例子</div>

後代選擇符。

用後代選擇符在容器（父）元素的上下文配置一個元素。允許為網頁的定製地區配置css，同時減少class和id的數量。先列出容器選擇符，在配置樣式選擇符。例如將content中的段落配置成綠色文本：

#content p {color:#green; }

 

附：

body{

background-image:url("6.png");

 

background-position:left;

background-repeat:no-repeat;

 

background-color:#99FFCC;

color:#FFFF00;

}

div{

border:2px;

background-color:#CCCCCC;

font-size:50px;

font-family:sans-serif;

}

 

#content

{

color:#333333;

}

#content p {color:#FFFFFF;}

 

.future

{color:#FFFF00;

}

 

p{

text-indent:2em;

text-transform:

text-shadow:5px 5px 2px #FFFF00;

}

 

body{

background-color:#3FFFFF;

color:#1eee10;

}

h1{

background-color:#191970;

color:#E6E6E6;

}

 

h2{

background-color:#789456;

color:#6A6A7A;

}

nav{background-color:#gge2e2;

}

footer{

width:50px;

height:20px;

color:red;

background-color:#787878;

}

 

p{

background-image:url("6.png");

 

background-position:center;

background-repeat:no-repeat;

font-family:monospace;

font-size:40px;

padding-left:40px;

color:#FFF999;

}

ul{

list-style-image:url(13.jpg);

li{

background-color:red;

}

 

 

 

 

 

Css解密

學習css簡單內容