css基础知识

一 css

1.css 用于控制网页样式的一种标记语言，通过使用css可以使网站外观更加美观，结构更加简化。

2.css的语法：  选择符{属性:属性值}；属性必须要包含在{}中，并且之间用属性和属性值“：”分隔。当有多个属性时，用“；”进行区分。

3.选择符：

通配符选择符，* 代表所有元素，如 *{font-size:12px};

类型选择符     如 <p class="red"> 这是第一个段落 </p>   选择符的写法：    p.red{color:red} ;

id选择符: 如 <p class="red"> 这是第一个段落 </p> 选择符的写法: p #6666 {font-weight:bold}

包含选择符

类型选择符   .name{font-size: 12px}

选择符分组。

类选择符优先级高于类型选择符，ID选择符高于类选择符。

4.布局4个属性： margin：边界距 border：边框距 padding：填充 content：内容

5.伪元素和伪类：

 选择符   伪类{属性：属性值} ，如  a:hover{font-size:12px},其中伪类和伪元素的写法，一般是以“：”开头。

6.颜色的使用： 使用颜色的名称； 使用16进制颜色，p{color: #fff};

7.绝对长度单位: in（英寸），pt(英镑) ；相对长度单位，em是定义字体大小值，px就是通常所说的像素。css中所有的长度值都要注明单位。

8.url：在css中，相对url是相对于css文件，url和后面的括号至今啊不能插入空格。

9.注释， /*     这是一个注释 */

10 colspan：合并属性列；rowspan：合并表格中的行。

11 css的调用：

行内调用：<元素名称 style=“属性：值”></元素名称>  如<p  style="width:200px;">你好啊</p>

页面头部调用：<style type="text/css"> p{width:200px;} </style>

采用链接形式调用:  

   使用link元素   <link rel="style sheet" href="./top.css"  type="text/css">

   使用@import  <style type="text/css">@import url("./top.css") </style>

优先顺序为： 1,2,3