css中伪类和伪元素如何使用
css中伪类和伪元素如何使用?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
南浔网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作,到程序开发,运营维护。创新互联公司2013年开创至今到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。
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中伪类和伪元素如何使用大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。
文章名称:css中伪类和伪元素如何使用
网页链接:http://ybzwz.com/article/jdidpo.html