一、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代表标签选择器的个数