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 <i></i>内容斜体 可以由此设置为不斜体。
italic是”斜体“
6.下划线:text-decoration:underline; tdu+tab
没有下划线:text-decoration:none; tdn+tab
decoration是”装饰“
基础选择器
标签选择器
<h1>前端与移动开发<span>第一天</span>二更</h1>
css:
<style type="text/css">
span{
color:red;
}
</style>
1.所有标签都可以被选择。ul、li、label、dt、dl、input
2.无论标签多深一定能选择上
p{
color:blue;
}
1<ul>
2 <li>
3 <ul>
4 <li>
5 <ul>
6 <li>
7 <ul>
8 <li>
9 <p>我是很深的p</p>
10 </li>
11 </ul>
12 </li>
13 </ul>
14 </li>
15 </ul>
16 </li>
</ul>
3.标签选择器,选择的是页面上所有这种类型的标签。
所以一般描述的是共性。
id选择器
任何html标签都可以有id属性,表示这个标签的名字。
这个标签的名字,可以任取但是:
1.只能有字母、数字、下划线。
2.必须以字母开头。
3.不能和标签同名。
一个html页面中,不能出现相同的id,哪怕他们不是相同的类型。比如页面上有一个id为pp的p,一个id为pp的div,是不行的。
一个标签可以被多个选择器选择
审查元素的使用
问:标签选择器和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)