- 博客(5)
- 收藏
- 关注
RSS订阅原创 em/px/rem/vh/vw区别
项目开发中，会用到pxem这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性，但CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了remvhvwvm等一些新的计量单位px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值rem：相对单位，可理解为root em, 相对根节点html的字体大小来计算vh、vw：主要用于页面视口大小布局，在页面布局上更加方便简单。
2023-08-15 11:09:35
85
原创 css选择器有哪些？优先级？哪些属性可以继承？
类选择器、属性选择器和伪类选择器（Class Selectors, Attribute Selectors, and Pseudo-class Selectors）：通过在CSS中使用.（点号）、[]和:定义的选择器。元素选择器和伪元素选择器（Element Selectors and Pseudo-element Selectors）：通过在CSS中直接使用元素名称定义的选择器，以及通过::定义的伪元素选择器。子选择器（.myClass>one_1），选择父元素为.one的所有.one_1的元素。
2023-08-02 09:06:42
495
原创 盒子模型的理解
当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）CSS 中的 box-sizing 属性定义了引擎应该如何计算一个元素的总宽度和总高度。，即边框，围绕元素内容的内边距的一条或多条线，由粗细、样式、颜色三部分组成。，即内边距，清除内容周围的区域，内边距是透明的，取值不能为负，受盒子的。，即外边距，在元素外创建额外的空白，空白通常指不能放其他元素的区域。只是内容高度，不包含。
2023-07-25 10:03:50
132
原创 HTML标签的命名/CSS命名大全
页面结构命名page：代表整个页面，用于最外层。 wrap：外套，将所有元素包在一起的一个外围包，用于最外层 wrapper：页面外围控制整体布局宽度，用于最外层 container：一个整体容器，用于最外层 head、header：页头区域，用于头部 nav：导航条 content：内容，网站中最重要的内容区域，用于网页中部主体 main：网站中的主要区域（表示最重要的一块位置），用于中部主体内容 column：栏目 sidebar：侧栏 foot、footer：页尾、页脚。网站一
2023-07-24 16:36:04
462
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人