前端HTML+CSS

权重问题：数选择器的数量  id class 标签 

　　如果权重一样，就以后设置的为主 

　　行内权重1000 > id 100 > 类 10 > 标签 1

　　如果继承来的属性一样近的话，就要数权重了

　　如果权重一样，以后设置的为主

　　继承来的权重为0，与选中的标签没有可比性 

　　如果继承来的属性，就近原则，谁距离选中的标签越近他的权重越高

 

css选择器：

　　基础选择器

　　　　标签选择器

　　　　　　选中所有 找到共性的内容，不管标签藏的有多深都可以选中的

　　　　类选择器

　　　　　　选中所有，找的有共性 class可以多个重复的类名

　　　　　　<div class="box active" id="box"></div>

　　　　　　p class box

　　　　　　语法：.box{}

　　　　id选择器

　　　　　　选择唯一的标签，因为id是唯一的

　　　　　　语法：#box{}

　　　　通配符选择器

　　　　　　选择所有

　　　　　　语法：*{}

　　高级选择器

　　　　后代选择器

　　　　子代选择器

　　　　组合选择器

　　　　交集选择器 

　　伪类选择器 -- 爱恨准则

　　　　设置小手状态：cursor：pointer

　　　　没有被访问过的a的颜色

　　　　　　a:link{

　　　　　　　　color: yellow;

　　　　　　}

　　　　访问过后的颜色

　　　　a:visited{

　　　　　　　　color: darkmagenta;

　　　　　　}

　　　　鼠标悬浮时候的状态

　　　　a:hover{

　　　　　　　　color:darkgrak;

　　　　　　}

　　　　鼠标点击时候的颜色

　　　　a:active{

　　　　　　

　　　　　　}

　　　　让父盒子.box下面的自标签p设置属性

　　　　.box:hover p{}

　　　　

 

　　　　display：

　　　　　　inline：行内

　　　　　　block：标签

　　　　　　inline-block：行内块

　　　　　　flex：

　　　　　　none：让盒子隐藏

 

　　伪元素选择器

 

 

行高 = 盒子的高度--> 让文本居中

 

有一些文本 属性能够被继承下来：color、font-*、line-height、text-align

文本水平居中：text-align：center

文本垂直居中：line-height等于盒子的height