2019年6月17日

CSS-伪类和伪元素before和after

摘要: 对于高版本的浏览器来说,伪元素写的是::,但是在低版本的浏览器中有些事不支持::,所有我们一般要写单冒号 (比较安全的写法) 书写注意要点 还要注意伪类不能做用于伪元素,如果需要的话给父元素设置伪类 几个应用 1.伪元素清除浮动 2. 伪元素与 css sprites 雪碧图 通过将多个图片 ico 阅读全文

posted @ 2019-06-17 11:36 长出了耳朵的小茉莉 阅读(244) 评论(0) 推荐(0) 编辑

CSS- 实现盒子的绝对居中

摘要: 这个居中方式的好处: 不用考虑宽高 父元素怎么变化,都是相对父元素居中的 translate 针对的是元素的中点来移动的,不会影响其他盒子的位置 且针对行内元素是没有作用的 translate(20px,20px) 相当于坐标轴 沿着 x方向一定20px 向y坐标移动20px translateX( 阅读全文

posted @ 2019-06-17 11:06 长出了耳朵的小茉莉 阅读(341) 评论(0) 推荐(0) 编辑

css 中的伪类 first-child 和nth-child的区别

摘要: 带:的都是伪类 伪类 是一个以冒号(:)作为前缀,被添加到一个选择器末尾的关键字,当你希望样式在特定状态下才被呈现到指定的元素时,你可以往元素的选择器后面加上对应的伪类(pseudo-class)。你可能希望某个元素在处于某种状态下呈现另一种样式,例如当鼠标悬停在元素上面时,或者当一个复选框被禁用或 阅读全文

posted @ 2019-06-17 10:13 长出了耳朵的小茉莉 阅读(872) 评论(0) 推荐(0) 编辑

导航