css基本属性和id和标签选择器第一日二更2018-10-06

css

选择器{
k:v;
k:v;
}
key属性名 value值
css对换行不敏感。但是有一定标准。冒号和分号都不省去。部分值的px不能掉。

一些常见的属性

1.字符颜色:color:red; c+tab
color属性的值可以是英文单词也可以是rgb、十六进制。

2.字号大小:font-size:40px; fosi+tab
font就是”字体“，size是”尺寸“，px是像素。 单位px不能掉

3.背景颜色:background-color:blue; bgcc+tab
background就是”背景“

4.加粗:font-weight:bold; fwb+tab
不加粗：font-weight:normol; fwn+tab
font是”字体“ weight是”重量“，bold是”粗“

css2 70+ css3新增30+

5.斜体:font-style:italic; fsi+tab
不斜体:font-style:normol; fsn+tab 内容斜体 可以由此设置为不斜体。
italic是”斜体“

6.下划线:text-decoration:underline; tdu+tab
没有下划线:text-decoration:none; tdn+tab
decoration是”装饰“

基础选择器

标签选择器

前端与移动开发第一天二更

css:

选择标签

1.所有标签都可以被选择。ul、li、label、dt、dl、input
2.无论标签多深一定能选择上

p{
color:blue;
}
1

2       

3           

4               

5                   

6                       

7                           

8                               

9                                   
我是很深的p
10                              
11                          
12                      
13                  
14              
15          
16      
    

3.标签选择器，选择的是页面上所有这种类型的标签。
所以一般描述的是共性。

id选择器

id选择

任何html标签都可以有id属性，表示这个标签的名字。
这个标签的名字，可以任取但是：
1.只能有字母、数字、下划线。
2.必须以字母开头。
3.不能和标签同名。
一个html页面中，不能出现相同的id，哪怕他们不是相同的类型。比如页面上有一个id为pp的p，一个id为pp的div，是不行的。
一个标签可以被多个选择器选择

审查元素的使用

查看css

问：标签选择器和id选择器冲突时，会发生什么？（两个标签同时作用一条语句。）
有复杂的计算
认为CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。
1.1!important 权重最高，比 inline style 还要高 ，是最高权重（w>a)
2.如果样式是行内样式（通过Style=””定义），那么(w=a)
3.ID选择器(w=b)
4.Class类选择器(w=c)。
5.类型选择器(w=d)
6.属性选择器，伪类选择器和class类选择器优先级一样(w=c)，伪元素选择器和类型选择器一样(w=d)