![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS内容
文章平均质量分 52
一只哆啦呀
漫漫前端学习路:)
展开
-
CSS-em/px/rem/vh/vw
特点:em的值并不是固定的em会继承父级元素的字体大小 如果没有设置html的字体大小,就会以浏览器默认字体大小,一般是16px rem兼容性:除了IE8及更早版本外,所有浏览器均已支持rem em与rem的区别: rem是相对于根元素(html)的字体大小,而em是相对于其父元素的字体大小 vw、vh、vmax、vmin这四个单位都是基于视口 vw是相对视口(viewport)的宽度而定的,长度等于视口宽度的`1/100原创 2022-06-06 09:21:47 · 91 阅读 · 0 评论 -
CSS-选择器、优先级
基本选择器: 1.标签选择器 2.ID选择器(#) 3.类选择器(.) 4.通配符选择器(*)高级选择器: 1.后代选择器:用空格隔开 2.子集选择器:用>隔开 3.并集选择器(分组选择器):用逗号隔开 4.伪类选择器:链接伪类、结构伪类 5.伪元素选择器:-:before、-:after 6.属性选择器 继承是指的是给父元素设置一些属性,后代元素会自动拥有这些属性原创 2022-06-06 09:18:33 · 346 阅读 · 0 评论 -
CSS-盒子模型
当对一个文档进行布局的时候,浏览器的渲染引擎会根据标准之一的CSS基础框盒模型,将所有元素表示为一个个矩形的盒子,也就是装东西的容器。一个盒子由四个部分组成:content、padding、border、margin盒子总宽度 = width + padding + border + margin;盒子总高度 = height + padding + border + margin也就是,width/height只是内容高度,不包含padding和border值盒子总宽度 = width + margin;原创 2022-06-06 09:11:47 · 104 阅读 · 0 评论