css中伪类和伪元素如何使用?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
css伪类和伪元素
line-height (行高 官方定义:两行文字基线对齐 )
目标伪类
: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
● h2-h7
● ul--li
● table
● from
行内级元素(可以和其他行内元素同一行显示)
● img
● span
● a
● inupt
感谢各位的阅读!看完上述内容,你们对css中伪类和伪元素如何使用大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。