![](https://img-blog.csdnimg.cn/8fbb53e05dba4afa877b2681f297677b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS相关
文章平均质量分 88
css
titi子柚
努力就好了啊。
展开
-
CSS相关 | CSS高频面试(四)| 隐藏元素、伪类、伪元素、水平、垂直居中、清除浮动
8. 影藏元素的方法,各自的区别(display/visiablity/opacity)(★★★★)9.position各个取值的作用和场景(★★★★)10.link @import引入的区别(★★★)11.伪类,伪元素的使用和区别(★★★★)12.选择器优先级(★★★★★)13.水平、垂直居中方法(★★★★★)14.自适配属性(★★★★)...原创 2021-12-30 22:34:22 · 511 阅读 · 0 评论 -
CSS相关 | 面试高频问题(三)| 盒模型、BFC、IFC、margin塌陷、flex、grid
CSS面试高频问题(一) CSS面试高频问题(二)4.盒子模型和box-sizing(★★★★★)CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:外边(margin)、边框(border)、内边距(padding)、实际内容(content)四个属性。分类:标准盒子模型(W3C)、怪异盒子模型(IE6)1.标准盒子模型(W3C): 元素width=content,盒子宽度=width+padding+border+margin2.怪异盒子模型(IE6): 元素width原创 2021-12-29 14:51:28 · 312 阅读 · 0 评论 -
CSS相关 | 面试高频问题(一) | 定位/清除浮动/a标签/盒模型/浏览器兼容/画0.5px线...
1. position定位写出css中position的属性以及含义答:position属性有五个:static、fixed、absolute、relative、sticky。static:默认属性,没有定位,遵循正常文档流。不受bottom、left、right、top影响。fixed:元素相对于浏览器窗口是固定位置,与文档流无关,不占空间。和其它元素重叠。absolute:相对于最近的已定位的父元素是不变的,若没有已定位的父元素,则相对于html。与文档流无关,不占空间。relativ原创 2021-12-23 11:17:57 · 312 阅读 · 0 评论 -
CSS相关 | 面试高频问题(二)| link、动画、块级元素、行内元素
8.link为什么要放在body前(★★★)一般link都是样式表,将link放在head内(body前),因为若将link放在body后,可能会出现页面没有样式、空白的内容,造成用户体验不佳。放在body前能让页面逐步呈现,提高用户体验。扩展:script标签放在/body之前:a. 把script标签放在底部,保证HTML首先完成解析,将页面尽早呈现给用户。脚本在下载和执行期间会阻止HTML解析。b.如果javascript用document.write方法创建文档内容(不推荐使用docu原创 2021-12-25 23:58:26 · 413 阅读 · 0 评论 -
CSS相关 | 问题记录 | 鼠标点击时打开/折叠菜单
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:学JS的时候,要实现:鼠标点击时,下拉菜单出现 的效果主要方法是JS写一个函数,做到点击某个元素时,给它加上属性 .open但始终无法做到点击就出现的效果代码长这样:<style> .menu ul{ margin: 0; list-style: none;原创 2021-12-16 20:39:48 · 704 阅读 · 0 评论 -
CSS相关 | 盒模型 / 5个盒子水平垂直居中方案 / clientHeight,offsetHeight,scrollHeight...
CSS盒模型概念:盒子模型就是用来装页面上的元素的容器,是矩形区域。分类:-IE盒子模型(怪异盒子模型):width=左右border+左右padding+content-W3C盒子模型(标准盒子模型):width=contentCSS3引入新属性:box-sizing:border-box、padding-box、content-box盒子水平垂直居中方案(5个)前提:子绝父相父元素relative,子元素absolute1.定位1方法:假设盒子 width: 100px; hei原创 2021-12-11 11:06:43 · 910 阅读 · 1 评论