Nen 的回答 - 好学星城学习论坛

0 赞同

行、多行文本溢出隐藏？

他们都是 CSS 预处理器，是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。例如 Less 是一种动态样式语言，将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数，LESS 既可以在客户端上运行 (支持 IE 6+, Webkit, Firefox)，也可以在服务端运行 (借助 Node.js)。为什么要使用它们？结构清晰，便...

回答于 2021-12-02 15:40

0 赞同

::before 和 :after 的双冒号和单冒号有什么区别？

（1）冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。（2）::before就是以一个子元素的存在，定义在元素主体内容之前的一个伪元素。并不存在于dom之中，只存在在页面之中。注意： :before和 :after 这两个伪元素，是在CSS2.1里新出现的。起初，伪元素的前缀使用的是单冒号语法，但随着Web的进化，在CSS3的规范里，...

回答于 2021-12-02 15:39

0 赞同

CSS预处理器/后处理器是什么为什么要使用它们？

预处理器，如：less，sass，stylus，用来预编译sass或者less，增加了css代码的复用性。层级， mixin，变量，循环，函数等对编写以及开发UI组件都极为方便。后处理器，如： postCss，通常是在完成的样式表中根据css规范处理css，让其更加有效。目前最常做的是给 css属性添加浏览器私有前缀，实现跨浏览器兼容性的问...

回答于 2021-12-02 15:38

0 赞同

CSS 优化和提高性能的方法有哪些？

（1）css压缩：将写好的css进行打包压缩，可以减小文件体积。（2）css单一样式：当需要下边距和左边距的时候，很多时候会选择使用 margin:top 0 bottom 0；但marginbottom:bottom;margin-left:left;执行效率会更高。（3）减少使用@import，建议使用link，因为后者在页面加载时一起加载，前者是等待页面加载完成之后再进...

回答于 2021-12-02 15:31

0 赞同

实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，CSS3 中可以使用 transition 和 animation 来实现，HTML5 中的 canvas 也可以实现。除此之外，HTML5 提供一个专门用于请求动画的API，那就是 requestAnimationFrame，顾名思义就是请求动画帧。 MDN对该方法的描述： window.requestAnimatio...

回答于 2021-12-01 15:21

0 赞同

对盒模型的理解？

盒模型都是由四个部分组成的，分别是margin、border、padding和content。标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同：标准盒模型的width和height属性的范围只包含了content， IE盒模型的width和height属性的范围包含了border、padding和content。可以通过修改元素的box-sizing属性来改变...

回答于 2021-12-01 15:19

0 赞同

为什么有时候⽤translate来改变位置而不是定位？

translate 是 transform 属性的⼀个值。改变transform或opacity不会触发浏览器重新布局（reflow）或重绘（repaint），只会触发复合（compositions）。而改变绝对定位会触发重新布局，进而触发重绘和复合。 transform使浏览器为元素创建⼀个 GPU 图层，但改变绝对定位会使用到 CPU。因此translate()更⾼效，可以缩短平...

回答于 2021-12-01 15:19

0 赞同

li 与 li 之间有看不见的空白间隔是什么原因引起的如何解决？

浏览器会把inline内联元素间的空白字符（空格、换行、Tab等）渲染成一个空格。为了美观，通常是一个<li>放在一行，这导致<li>换行后产生换行字符，它变成一个空格，占用了一个字符的宽度。解决办法：（1）为<li>设置float:left。不足：有些容器是不能设置浮动，如左右切换的焦点图等。（2）将所...

回答于 2021-12-01 15:18

0 赞同

CSS3中有哪些新特性？

新增各种CSS选择器（: not(.input)：所有 class 不是“input”的节点）圆角（border-radius:8px）多列布局（multi-column layout）阴影和反射（Shadoweflect）文字特效（text-shadow）文字渲染（Text-decoration）线性渐变（gradient）旋转（transform）增加了旋转,缩放,定位,倾斜,动画,多背景

回答于 2021-12-01 15:17

0 赞同

替换元素的概念及计算规则？

通过修改某个属性值呈现的内容就可以被替换的元素就称为“替换元素”。替换元素除了内容可替换这一特性以外，还有以下特性：内容的外观不受页面上的CSS的影响：用专业的话讲就是在样式表现在CSS作用域之外。如何更改替换元素本身的外观需要类似appearance属性，或者浏览器自身暴露的一些样式接口。有自己的尺寸：在We...

回答于 2021-12-01 15:17

3096 个回答

行、多行文本溢出隐藏？

::before 和 :after 的双冒号和单冒号有什么区别？

CSS预处理器/后处理器是什么为什么要使用它们？

CSS 优化和提高性能的方法有哪些？

对requestAnimationframe的理解？

对盒模型的理解？

为什么有时候⽤translate来改变位置而不是定位？

li 与 li 之间有看不见的空白间隔是什么原因引起的如何解决？

CSS3中有哪些新特性？

替换元素的概念及计算规则？