CSS基础语法

一、CSS语法:

选择器｛声明｝

声明由CSS属性:属性;组成

二、CSS属性

width 宽度

height 高度 

background-color 背景颜色

color 字体颜色

注释：ctrl+？

三、CSS三种样式

1、内部样式:

    head>style[type="text/css"],在style标签里面写css语法；作用域：当前页面

2、外部样式：

    在css文件夹里面新建css文件，在css文件里面写css语法

head>link[rel="stylesheet"][href="链接css文件的路"]

作用域:引入该css文件的所有页面生效

3、内联样式、行内样式表:将style作为html属性，将声明作为html属性值 声明由css属性：css属性值;组成

作用域：当前元素

三种样式表的优先级:

    内联样式(行内样式)>内部样式

    内联样式>外部样式

    权重一样的前提下，写在后面的样式表层叠前面的样式

四、选择器

1、标签选择器：通过标签名获取元素

2、类选择器：通过.类名获取元素

    [class]给元素添加名(别名)，可以重复

    [id]给元素添加id名(身份证)，不可以重复

3、id选择器：通过#id名获取元素

五、命名规则：英文名、数字、下划线、短横线，不要起关键字。

六、伪类选择器

1）a:link 锚链接未被访问前添加的样式
2）a:visited 锚链接被访问后添加的样式
3）E:hover 鼠标悬停在E元素添加的样式
4）E:active 鼠标点击E元素添加的样式

七、层叠性：给同一个元素添加相同的css属性，属性会发生覆盖问题

八、选择器的优先级及权重(存在层叠性问题时)

优先级：

!imortant>内联样式>id选择器>类选择器>标签选择器>通配符选择器

九、权重:作用在同一个元素上时才能比较权重

若不是作用在同一个元素上，则继承的权重是最的0000

权重规则:0000

第一个0代表：!importan或者内联样式

第二个0代表id选择器的个数

第三个0代表class选择器的个数

第四格0代表标签选择器的个数