CSS總結——html標籤的表現：屬性

一、CSS的引入

    1、外部樣式表：

<link href="index.css" rel="stylesheet" type="text/css" />

    2、內部樣式表：

<style type="text/css">
        p{color:Red;}
    </style>

    3、內聯樣式表

<p style="color:Red; ">綠葉學習網</p>

二、CSS選擇器

     1、簡單選擇器

          元素選擇器   div{color:red;}              

   id選擇器   #lvye{color:red;}            id名前面必須要加上前綴“#”

          class選擇器   .lv{color:red;}           class名前面必須要加上前綴“.”（英文點號）

   子元素選擇器   #father1 div{color:blue;}    父元素與子元素必須用空格隔開，從而表示選中某個元素下的子元素

   相鄰選擇器    #lv+div{color:red;}         選中該元素的下一個兄弟元素，用“ + ”連接

   羣組選擇器     h3,div,p,span{color:red;}     羣組選擇器，兩個選擇器之間必須用“,”（英文逗號）隔開

三、文字樣式概述

       

四、段落樣式

五、邊框樣式

六、背景樣式

七、超鏈接

    1、使用僞類定義超鏈接

   2、鼠標樣式的改變

#div_default{cursor:default;}
#div_pointer{cursor:pointer;}

八、圖片樣式

九、列表樣式

十、表格樣式

十一、浮動佈局、定位佈局