css
文章平均质量分 73
会笑的那双眼
喜欢那双会笑的眼
展开
-
css选择器
选择器的作用就是选中css样式生效的范围。原创 2023-08-19 11:38:11 · 324 阅读 · 0 评论 -
px_em_rem
em/rem:用于做响应式页面,不过我更倾向于rem,因为em不同元素的参照物不一样(都是该元素父元素),所以在计算的时候不方便,相比之下rem就只有一个参照物(html元素),这样计算起来更清晰。像素(px):用于元素的边框或定位。原创 2023-08-19 11:37:27 · 185 阅读 · 0 评论 -
line-height
这几种设置方式对于当前元素没有太大区别,重要的是体现在继承方面,子元素在继承时对于前三种都是直接继承当前元素的line-height转换为px的大小,只有第四种是继承单纯数值,因此会发现使用前三种时当子元素设置font-size比较大的时候会出现行高不够的情况。因此一般使用单纯的数值,他会根据每个元素本身的字体大小进行单独的计算的。原创 2023-08-19 11:36:52 · 175 阅读 · 0 评论 -
css-grid使用
网格布局,flex是一维的,grid是二维的。和flex一样,grid的概念也有三个,一个是整体的容器,一个是格子,一个是格子中存放的元素(也就是grid子元素);[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PSARlw6i-1692416147621)(./images/grid.png)]原创 2023-08-19 11:36:22 · 907 阅读 · 0 评论 -
css-flex使用
指定弹性元素的收缩系数,也就是当父元素主轴方向无法容纳所有子元素(主轴方向,子元素flex-basis超过了父元素本身的大小),对子元素进行收缩时的单个子元素提供收缩空间的占比大小;首先按照没有指定弹性容器在侧轴方向上的长度的方法对弹性元素在侧轴方向进行空间分配,然后将弹性容器在侧轴方向上的剩余空间分配给不同主轴上的弹性元素。也就是说,整体上,弹性容器最终会被几条主轴和侧轴进行分割,每个分割的单元容纳一个弹性元素,但是这个分割出来的单元并不一定是弹性元素的大小;如果弹性容器指定了弹性容器侧轴方向上的长度。原创 2023-08-19 11:35:39 · 1033 阅读 · 0 评论 -
css层叠关系
重置样式表就是先重置样式表,保证在每个浏览器中的显示效果一样,然后在这个默认的样式表基础上编写个人的样式表。重置样式表的意义就在于使重置样式表可以复用,不然每个项目的样式表都要考虑浏览器的默认样式表。是指多个选择器选中同一个标签,如果属性名相同属性不同则会产生冲突,如果发生冲突浏览器会触发自己的层叠机制。总体规则就是看选择器,选择器针对的范围越小,那么对应的选择器越特殊,那么久选择对应的声明冲突的选择器样式。就是计算样式的权重,权重大的就被选择;浏览器从上到下分析代码,后面的css覆盖前面的css样式。原创 2023-08-19 11:35:02 · 1237 阅读 · 0 评论 -
css样式表属性
line-height的概念。原创 2023-08-19 11:34:11 · 121 阅读 · 0 评论 -
css3新增属性
定义就是在一个元素中使用进行定义。原创 2023-08-19 11:33:32 · 2063 阅读 · 0 评论 -
css整体使用
整体逻辑就是一个container,然后内部容纳多个item,而属性方面有两个层次,一个是container的层次,用于描述整体排版;一个是item的层次,用于描述container存在剩余空间的时候每个item的放大缩小策略,以及一个排版布局的属性。还是现在的元素类别,一个元素,他都会区分为换行以及不换行的;而这个换行与不换行本质上由css决定,html的元素有些换行,有些不换行,究其原理就是css的不同默认设置。因此整体上的表现就是一个个的元素分层次的嵌套一个又一个的元素,最终嵌套了最基本的元素。原创 2023-08-19 11:32:56 · 593 阅读 · 0 评论 -
boxModel
boxModel – 盒模型。原创 2023-08-19 11:31:46 · 90 阅读 · 0 评论 -
html显示空白字符
默认情况下,元素显示内容会产生空白折叠,即对于空白字符,最终会将连续的空白字符显示为一个空格;原创 2023-08-19 11:28:40 · 361 阅读 · 0 评论