css 伪元素 伪类 使用 万能清除浮动 ..
2016-12-20 03:24
771 查看
参考 http://blog.jobbole.com/49173/
css 伪元素即插入的虚伪元素 像:before :after 插入元素
css 伪类 就是 操作class 样式
利用伪元素清除浮动
ps 利用伪 元素插入的dom 在dom结构中是看不到的 不过可以在css 中看到
利用伪元素插入 图片
css 伪元素即插入的虚伪元素 像:before :after 插入元素
css 伪类 就是 操作class 样式
利用伪元素清除浮动
ps 利用伪 元素插入的dom 在dom结构中是看不到的 不过可以在css 中看到
.clearfix::after { content: "."; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; } .clearfix { zoom: 1; }
利用伪元素插入 图片
blockquote:before { content: " "; font-size: 24pt; text-align: center; line-height: 42px; color: #fff; float: left; position: relative; top: 30px; border-radius: 25px; background: url(images/quotationmark.png) -3px -3px #ddd; display: block; height: 25px; width: 25px; } blockquote:after { content: " "; font-size: 24pt; text-align: center; line-height: 42px; color: #fff; float: right; position: relative; bottom: 40px; border-radius: 25px; background: url(images/quotationmark.png) -1px -32px #ddd; display: block; height: 25px; width: 25px; }
相关文章推荐
- 【js的乐趣】清除浮动的方法双伪元素(万能清除器,使用方法)
- CSS伪类及伪元素的知识和使用
- CSS中元素浮动的清除
- 使用CSS居中浮动元素的方法
- CSS基础-03 伪类,伪元素,before和after使用案例
- [CSS]clearfix 清除浮动元素及去掉浏览器默认样式
- CSS: 清除浮动-使用:Overflow
- CSS 用伪类 :after 选择器清除浮动
- 清除浮动1-使用:after 伪元素
- 关于css清除元素浮动的方法总结(overflow clear floatfix)
- css中清除浮动的几种方法(撑起浮动元素父元素的高度)
- CSS清除浮动 万能float闭合
- CSS 万能清除浮动
- css清除浮动使父级元素展开的三个方法
- CSS清除浮动元素方法
- 简洁的CSS清除浮动方式(支付宝就使用这样的方式)
- CSS中clear清除元素容器浮动
- 解决内部容器float浮动后不能撑开外部容器及CSS伪类:after的使用
- css的伪类和伪元素使用示例
- CSS之使用clearfix清除浮动