伪类和伪元素的使用方法介绍

伪类和伪元素的使用方法介绍

css伪类伪元素

line-height (行高 官方定义:两行文字基线对齐 )

(视频教程推荐:css视频教程)

目标伪类

:link    (a:link 未访问的链接  浏览器有缓存!!所以刷新没用)a:active{color:   ;}:active (长按住):visited (已经访问的链接):hover (鼠标放上去):focus (获取用户焦点)

伪元素 (是行内元素 不能设置宽度和高度 )

::after  (在元素后面添加内容)::before  (在元素前面添加内容)display:...inline-block(能够设置高度,和行内元素并排显示)inlineblock(独占一行)none(隐藏

css特性

继承(一个元素如果没有设置某个属性的值,那么就会跟随父属性的值。如果设置了,就用自己的值)color ,font-size  line-height text-align层叠(后面的样式会覆盖前面的样式)当选择器相同时 后面的选择器会覆盖前面的当选择器不同时,根据选择器的权重设置

列表

ul(无序列表)ol   (有序列表)

表格

tabletr单元行td单元格boder 边框cellpadding   单元格内部的间距cellspacing 单元格之间的距离width 表格的宽度align 表格的水平对齐方式

css元素类型的划分(根据元素能不能在一行显示)

块级元素 (独占父元素的一行) 常用的块级元素 ●div●p●h1-h6●ul--li●table●from

行内级元素(可以和其他行内元素同一行显示)

●img●span●a●inupt

相关推荐:CSS教程

以上就是伪类和伪元素的使用方法介绍的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1615902.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
你知道怎么利用css实现内凹圆角么
上一篇 2025年12月24日 05:07:49
使用css grid构建复杂布局的小技巧!(值得收藏)
下一篇 2025年12月24日 05:08:14

相关推荐

发表回复

登录后才能评论
关注微信