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

0 赞同

相对，固定，绝对和静态定位的元素有什么区别？

定位元素是计算的位置属性是relative, fixed, absolute and static。静态static 默认位置；默认为0。元素将像往常一样流入页面。top，right，bottom，left和z-index属性不适用。相对relative 元素的位置相对于自身进行了调整，而没有更改布局（因此，如果没有放置元素，将为元素留出一定的空隙）。绝对absolute 元...

回答于 2021-12-06 16:29

0 赞同

这段CSS代码会产生什么影响 {box-sizing：border-box;}？

默认情况下，元素具有box-sizing：应用了content-box，并且仅考虑了内容大小。 box-sizing：边框更改了元素的宽度和高度的计算方式，边框和填充也包括在计算中。元素的高度由内容的高度+垂直填充+垂直边框宽度计算得出。元素的宽度是通过内容的宽度+水平填充+水平边框宽度来计算的。在我们的盒子模型中，考虑到填充物和...

回答于 2021-12-06 16:28

0 赞同

什么是块级格式化上下文（BFC），如何工作？

1.规范解释块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 2.通俗解释： BFC 是一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行物品摆放,并且不会影响其它环境中的物品。如果...

回答于 2021-12-06 16:26

0 赞同

CSS的特异性是什么意思？

如果有两条或两条以上指向同一元素的冲突 CSS 规则，则浏览器将遵循一些原则来确定哪一条是最具体的，并因此胜出。将特异性（specificity）视为得分/等级，能够确定最终将哪些样式声明应用于元素。每个选择器在特异性层次结构中都有其位置。以下四种类别定义了选择器的特异性级别： 1、行内样式 – 行内（内联）样式...

回答于 2021-12-06 16:26

0 赞同

overflow属性在CSS中被用于什么？

overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。可能的值： overflow: auto;如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 o...

回答于 2021-12-06 16:25

0 赞同

（1）首先判断display属性是否为none，如果为none，则position和float属性的值不影响元素最后的表现。（2）然后判断position的值是否为absolute或者fixed，如果是，则float属性失效，并且display的值应该被设置为table或者block，具体转换需要看初始转换值。（3）如果position的值不为absolute或者fixed，则判断float...

回答于 2021-12-04 11:41

0 赞同

absolute与fixed共同点与不同点？

共同点：改变行内元素的呈现方式，将display置为inline-block 使元素脱离普通文档流，不再占据文档物理空间覆盖非定位文档元素不同点： abuselute与fixed的根元素不同，abuselute的根元素可以设置，fixed根元素是浏览器。在有滚动条的页面中，absolute会跟着父元素进行移动，fixed固定在页面的具体位置。

回答于 2021-12-04 11:40

0 赞同

对 sticky 定位的理解？

sticky 英文字面意思是粘贴，所以可以把它称之为粘性定位。语法：position: sticky; 基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目...

回答于 2021-12-04 11:40

0 赞同

设置小于12px的字体？

在谷歌下css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px。解决办法：使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决，只要加了-webkit-text-size-adjust:none;字体大小就不受限制了。但是 chrome更新到27版本之后就不可以用了。所以高版本chrome谷歌浏览器已经不再支持-webkit-text...

回答于 2021-12-04 11:39

0 赞同

CSS3新增伪类有那些？

p:first-of-type 选择属于其父元素的首个元素 p:last-of-type 选择属于其父元素的最后元素 p:only-of-type 选择属于其父元素唯一的元素 p:only-child 选择属于其父元素的唯一子元素 p:nth-child(2) 选择属于其父元素的第二个子元素 :enabled isabled 表单控件的禁用状态。 :checked 单选框或复选框被选中

回答于 2021-12-04 11:38

3096 个回答

相对，固定，绝对和静态定位的元素有什么区别？

这段CSS代码会产生什么影响 {box-sizing：border-box;}？

什么是块级格式化上下文（BFC），如何工作？

CSS的特异性是什么意思？

overflow属性在CSS中被用于什么？

display、float、position的关系？

absolute与fixed共同点与不同点？

对 sticky 定位的理解？

设置小于12px的字体？

CSS3新增伪类有那些？