![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【前端】HTML、CSS相关内容
文章平均质量分 93
溜溜的阿溜
一个进击的前端小菜鸟
展开
-
CSS常见知识点总结1
CSS常见知识点1问题列表:重排和重绘css实现绘制三角形行内元素、块元素盒子模型选择器块级格式化上下文flex布局伪类、伪元素bem方法命名规范@media 媒体查询bem方法命名规范Q1:重排和重绘?原文链接:https://blog.csdn.net/qq_27674439/article/details/98957581浏览器的运行机制:布局1、构建DOM树(parse)渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)原创 2021-07-08 10:55:50 · 300 阅读 · 0 评论 -
CSS常见知识点1
CSS常见知识点1问题列表:重排和重绘css实现绘制三角形行内元素、块元素盒子模型选择器块级格式化上下文flex布局伪类、伪元素bem方法命名规范@media 媒体查询bem方法命名规范Q1:重排和重绘?原文链接:https://blog.csdn.net/qq_27674439/article/details/98957581浏览器的运行机制:布局1、构建DOM树(parse)渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)原创 2021-07-08 10:41:07 · 174 阅读 · 0 评论 -
获取及计算可滚动元素高度:区分clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
前言获取元素高度,通常一、基础:理清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop区别图文可见:https://blog.csdn.net/qq_35430000/article/details/80277587说的非常详细,这边列表总结如下:名称范围clientHeightcontent高度...原创 2020-04-13 15:14:10 · 5980 阅读 · 0 评论 -
设置了字符间距letter-spacing后,text-align无法完全居中怎么办?
在项目中,有时需要给字符设置间距,如: 点 击 查 看为了稳定显示,我们通常不用空格,而是用letter-spacing属性给字符加上间距。如.box { letter-spacing: 14px; text-align: center;}实际并没有完全居中对齐,而是向右偏移了14像素,这是因为letter-spacing是加在字符右侧空间的,为了解决这一问题,...原创 2020-04-10 16:25:31 · 3648 阅读 · 0 评论 -
css之清除浮动
清除浮动问题:父盒子高度为0,子盒子不占位置,子盒子不会撑开父盒子。(下面的标准流盒子,会跑到父盒子中的子盒子下面。)处理办法:清除浮动。(清除子盒子因为浮动,对父子造成的影响)使用方法:谁出问题给谁加一个clearfix类名。清除浮动方法1 clear:both;在最后一个浮动元素后面添加标签<div style="clear:both"></...原创 2018-06-25 20:46:51 · 276 阅读 · 0 评论 -
css样式命名规范:BEM命名规范
前言:在小型项目中,css样式命名只要遵循基本规则,即可灵活合理运用。但在中大型项目中,如果没有统一的命名规范和代码风格,页面一多,将会很难维护和理解,甚至出现重复命名导致样式覆盖、代码污染的问题。为此,基于bem命名规范,提供了这样一套css命名规则。说明:bem命名规范掘金原地址:https://juejin.im/post/5b925e616fb9a05cdd2ce70d要点...原创 2019-09-10 20:29:18 · 850 阅读 · 0 评论