css选择器基本介绍及基础知识 偏执的太偏执、 2022-12-06 15:48 129阅读 0赞 ## css选择器 ## 1.css复合选择器 后代选择器: 用来选择元素后代 .nav a 子代选择器:选择最近一级元素 .nav>p 交集选择器: 选择两个标签交集的部分 (没有符号)p.one 并集选择器: 选择某些相同样式的选择器 .nav, .head 链接伪类选择器: 给链接更改状态 a:hover 2.标签的显示模式(display) 块转行内:display:inline ; 行内转块:display:block ; 块、行内元素转换为行内块: display: inline-block 块级元素: < h1 >-< h6 >, < p >, < div >, < ul >, < li >, < ol > 行内元素: < em > < sstrong> < b> *< span> 行内块元素: < td> img input* 3.行高 如果行高等高度 文字 垂直居中; 如果行高 高度 文字会偏下; 如果行高小于高度 文字偏上 4.css背景 background-color 背景颜色 background-image背景图片 background-repeat是否平铺 background-position背景位置 background-attachment背景固定还是滚动 5.css三大特性 层叠性 样式冲突,遵循的原则是就近原则;样式不冲突,不会层叠 继承性 子标签会继承父标签的某些样式,如文本颜色和字号 优先级 每个元素(标签选择器)1;每个类,伪类 10;每个ID 100;每个行内样式 style=" 1000;个!important 无穷大\*
还没有评论,来说两句吧...