![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 91
C+ 安口木
https://github.com/ytanck/
生命不息,coding不止...
展开
-
CSS @符规则(@font-face、@keyframes、@media、@scope等)
CSS @ 规则(@font-face、@keyframes、@media、@scope等)原创 2024-02-21 14:38:26 · 1476 阅读 · 0 评论 -
CSS 函数详解url、min、rgb、blur、scale、rotate、translate等
CSS 函数详解url、min、rgb、blur、rotate、translate原创 2024-02-21 14:37:32 · 1185 阅读 · 0 评论 -
CSS实现的 Loading 效果
CSS实现的 Loading 效果。原创 2024-01-17 14:32:29 · 1773 阅读 · 0 评论 -
推荐几个常用的CSS动画库
css动画合集原创 2021-12-09 09:20:51 · 20348 阅读 · 0 评论 -
css选择器有哪些?优先级?哪些属性可以继承?
CSS选择器是CSS规则的第一部分它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式选择器所选择的元素,叫做“选择器的对象”我们从一个Html结构开始</</</</</</</关于css属性选择器常用的有:id选择器(#box),选择id为box的元素类选择器(.one),选择类名为one的所有元素标签选择器(div),选择标签为div的所有元素后代选择器(#box div),选择id为box元素内部所有的div元素。原创 2024-01-09 09:36:46 · 855 阅读 · 0 评论 -
说说你对CSS预编语言的理解?sass、less、stylus有什么区别?
Css作为一门标记性语言,语法相对简单,对使用者的要求较低,但同时也带来一些问题需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少Css编写经验而很难写出组织良好且易于维护的Css代码Css预处理器便是针对上述问题的解决方案。原创 2024-01-09 09:35:23 · 1219 阅读 · 0 评论 -
面试官:什么是回流跟重绘?什么场景下会触发?
在HTML中,每个元素都可以理解成一个盒子,在浏览器解析过程中,会涉及到回流与重绘:回流:布局引擎会根据各种样式计算每个盒子在页面上的大小与位置重绘:当计算好盒模型的位置、大小及其他属性后,浏览器根据每个盒子特性进行绘制具体的浏览器解析渲染机制如下所示:解析HTML,生成DOM树,解析CSS,生成CSSOM树将DOM树和CSSOM树结合,生成渲染树(Render Tree)Layout(回流):根据生成的渲染树,进行回流(Layout),得到节点的几何信息(位置,大小)原创 2024-01-08 09:44:50 · 862 阅读 · 0 评论 -
css中有哪些方式可以隐藏页面元素?区别?
在平常的样式排版中,我们经常遇到将某个模块隐藏的场景通过css隐藏元素的方法有很多种,它们看起来实现的效果是一致的但实际上每一种方法都有一丝轻微的不同,这些不同决定了在一些特定场合下使用哪一种方法。原创 2024-01-08 09:43:10 · 656 阅读 · 0 评论 -
面试官:说说flexbox(弹性盒flex布局),以及适用场景?
简称flex,意为”弹性布局”,可以简便、完整、响应式地实现各种页面布局采用Flex布局的元素,称为flex容器container它的所有子元素自动成为容器成员,称为flex项目item容器中默认存在两条轴,主轴和交叉轴,呈90度关系。项目默认沿主轴排列,通过来决定主轴的方向每根轴都有起点和终点,这对于元素的对齐非常重要。原创 2024-01-05 10:03:20 · 1248 阅读 · 0 评论 -
面试官:CSS3新增了哪些新特性?
css,即层叠样式表(Cascading Style Sheets)的简称,是一种标记语言,由浏览器解释执行用来使页面变得更美观css3是css的最新标准,是向后兼容的,CSS1/2的特性在CSS3里都是可以使用的而CSS3也增加了很多新特性,为开发带来了更佳的开发体验。原创 2024-01-05 10:00:00 · 381 阅读 · 0 评论 -
面试官:如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?
在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高。原创 2024-01-04 10:51:32 · 1080 阅读 · 0 评论 -
面试官:元素水平垂直居中的方法有哪些?如果元素不定宽高呢?
内联元素居中布局块级元素居中布局。原创 2024-01-04 10:50:35 · 931 阅读 · 0 评论 -
CSS中em/px/rem/vh/vw有什么区别
px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值rem:相对单位,可理解为root em, 相对根节点html的字体大小来计算vh、vw:主要用于页面视口大小布局,在页面布局上更加方便简单。原创 2024-01-03 09:51:44 · 922 阅读 · 0 评论 -
面试官:说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别?
CSS像素(css pixel, px): 适用于web编程,在 CSS 中以 px 为后缀,是一个长度单位在 CSS 规范中,长度单位可以分为两类,绝对单位以及相对单位px是一个相对单位,相对的是设备像素(device pixel)一般情况,页面缩放比为1,1个CSS像素等于1个设备独立像素CSS在同一个设备上,每1个 CSS 像素所代表的设备像素是可以变化的(比如调整屏幕的分辨率)在不同的设备之间,每1个 CSS 像素所代表的设备像素是可以变化的(比如两个不同型号的手机)原创 2024-01-03 09:49:11 · 902 阅读 · 0 评论