伪类和伪元素的使用方法介绍
程序员文章站
2022-03-07 11:47:30
...
css伪类和伪元素
line-height (行高 官方定义:两行文字基线对齐 )
(视频教程推荐:css视频教程)
目标伪类
:link (a:link 未访问的链接 浏览器有缓存!!所以刷新没用) a:active{color: ;} :active (长按住) :visited (已经访问的链接) :hover (鼠标放上去) :focus (获取用户焦点)
伪元素 (是行内元素 不能设置宽度和高度 )
::after (在元素后面添加内容) ::before (在元素前面添加内容) display:... inline-block(能够设置高度,和行内元素并排显示) inline block(独占一行) none(隐藏
css特性
继承(一个元素如果没有设置某个属性的值,那么就会跟随父属性的值。如果设置了,就用自己的值) color ,font-size line-height text-align 层叠(后面的样式会覆盖前面的样式) 当选择器相同时 后面的选择器会覆盖前面的 当选择器不同时,根据选择器的权重设置
列表
ul(无序列表) ol (有序列表)
表格
table tr单元行 td单元格 boder 边框 cellpadding 单元格内部的间距 cellspacing 单元格之间的距离 width 表格的宽度 align 表格的水平对齐方式
css元素类型的划分(根据元素能不能在一行显示)
块级元素 (独占父元素的一行) 常用的块级元素 ● div ● p ● h1-h6 ● ul--li ● table ● from
行内级元素(可以和其他行内元素同一行显示)
● img ● span ● a ● inupt
相关推荐:CSS教程
以上就是伪类和伪元素的使用方法介绍的详细内容,更多请关注其它相关文章!
上一篇: 微服务架构发展及趋势