后代选择器用空格表示, 例如 div p {} 选择div里面的p标签
子代选择器用>号表示,例如div>p{} 同样是选择div 里面的p标签。不过子代只能选择div的子代,他跟后代选择器的差距就是,后代选择器出了可以选择p标签还可以选择div里面的div里面的p标签,
hover伪类选择器,例如div:hover{} 表示鼠标悬停在div里面会触发事件。
交集选择器直接加但是有一个规定,标签名字要放前面,例如div.red#id{}意思就是标签是div类名叫做red和id叫做id的标签
背景颜色 用background-color:red;来表示,red参数可以更改为其他颜色。 还可以用rgb(255,0,0)和 rgba(255,0,0,0.5)来表示前面三个参数是决定颜色,而后面的0.5是表示透明度。并且可以用百分数来表示%。但是三个参数都要加百分号
背景图片 background-image:url();来表示,url里面需要添加图片的地址,可以添加联网后的绝对地址或者相对地址都可以。
背景平铺用background-repeat:no-repeat;来表示背景图片不用平铺。 默认为平铺,
背景位置 background-position:x y;后面的参数加x轴和y轴的参数。设置背景图片的位置
元素显示模式的替换,用display:;有四个值inline block inline-block none 分别是行内元素,无法设置宽高是用本身内容的大小撑开,block块级元素可以设置宽高默认 独占一行 inline-block行内块元素可以设置宽高,可以一行多个。none设置为不显示,不占位置,
html嵌套规范,a标签不能嵌套a标签