![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
zj靖
好好学习,好好工作,实现自己的人生价值观,而不仅仅是为了赚钱
展开
-
论CSS水平垂直居中
CSS中常见的就对元素进行水平垂直布局。 <div class="container"> <div class="box"> <span>水平居中垂直居中</span&原创 2018-12-28 15:13:36 · 83 阅读 · 0 评论 -
css3 calc()函数
calc()是css3的一个新增的功能,用于动态计算长度值(样式表内部的计算)。 可以使用calc()给元素的border、margin、pading、font-size、width、height等属性动态的设置值。 1. css语法 calc(expression) expression 必须存在,一个数学表达式,结果将采用运算后的返回值。 2. 用法 使用calc()须注意几点: 运算符...原创 2019-01-02 16:28:53 · 487 阅读 · 0 评论 -
css中px em rem vw vh vmax vmin单位解析
px: 绝对单位,页面按精确像素展示。代表物理屏幕上能显示出的最小的一个点。 em: 相对单位,基准点为父节点字体的大小,继承父类字体的大小,相当于“倍”。浏览器默认字体大小为16px=1em,始终按照div继承来的字体大小显示,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值。 rem: 相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,继...原创 2019-02-20 10:15:01 · 296 阅读 · 0 评论 -
CSS中定义a:link、a:visited、a:hover、a:active顺序
a :link、a:hover、a:visited这几个元素,定义CSS时候的顺序不同,也会直接导致链接显示的效果不同。 eg: 让未访问链接颜色为red,活动链接为yellow,已访问链接为green: 第一种情况: CSS定义的顺序为a:visited、a:hover、a:link。 把鼠标放到未访问过的red链接上时,它并不变成yellow,只有放在已访问的green链接上,链接才会变yel...原创 2019-07-02 16:17:32 · 255 阅读 · 0 评论