![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS学习记录
瓶仔之旅
这个作者很懒,什么都没留下…
展开
-
css中px、em、rem区别与使用
1.px与em==px==: 方便但是在浏览器中放大或是缩小页面,或是改变浏览器字体大小时,页面的布局会被打乱。==em==: 可以解决px的问题,但是在进行任何元素设置时,需要知道其父类的大小,很容易出错,且不方便。两者换算方法: 一般都是以的“font-size”为基准,浏览器默认大小为16px.body{ font-size:62.5%; //10 ÷ 16 ...原创 2018-07-18 14:46:58 · 209 阅读 · 0 评论 -
CSS实现水平垂直居中的方式
一、元素定宽高1.absolute + 负marginPC端有兼容性要求,宽高固定,推荐<style type="text/css">.box{ border: 1px solid red; width: 300px; height: 300px; position: relative; //关键代码}.box1.size{ ...原创 2018-10-16 17:50:37 · 112 阅读 · 0 评论 -
工作中的总结
1.hover同级标签样式“ + ” 用于同级选择注意:只对相邻的同级起作用,非相邻的同级无效<body><style> .first { color: #5d756e; } .first:hover + .fourth { color: red } /*>或空格均可用于子代选择*/...原创 2018-10-16 17:51:08 · 123 阅读 · 0 评论