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;}   祖先元素与后代元素用>隔开(不能有空格)，表示选中某个元素下的子元素

 后代元素选择器   #ancestor div{color:blue;} 父元素与后代元素必须用空格隔开，表示选中某个元素下的后代元素

  相邻选择器    #lv+div{color:red;}        选中该元素的下一个兄弟元素，用“ + ”连接

  群组选择器     h3,div,p,span{color:red;}    群组选择器，两个选择器之间必须用“,”（英文逗号）隔开

三、文字样式概述

       

四、段落样式

五、边框样式

六、背景样式

七、超链接

    1、使用伪类定义超链接

   2、鼠标样式的改变

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

八、图片样式

九、列表样式

十、表格样式

十一、浮动布局、定位布局