前端试题-CSS试题
Posted sunshinegirl_7
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端试题-CSS试题相关的知识，希望对你有一定的参考价值。
1. css属性命名区分大小写吗？
不区分，不过一般小写，便于理解
2. margin-top和margin-bottom对于行内（内敛inline）元素效果一样么？
3.padding-top和padding-bottom对于inline元素都会增加元素本身的大小么？
回答2，3，需要了解html里的替换元素和非替换元素。
替换元素是指作为其他内容点位符的一个元素。如img等。非替换元素是指内容包含在文档中的元素，例如span。
讨论margin-top和margin-bottom对行内元素是否起作用，则要对行内替换元素和行内非替换元素分别讨论。
把margin应用到行内元素是可以的，不过向非替换元素应用margin时，对行高没影响，而margin实际又是透明的，所以margin-top和margin-bottom没有任何视觉效果。把margin-left和margin-right应用到非替换元素是有影响的。
为行内替换元素设置margin-top和margin-bottom，可能会使行高增加或减少，这取决于margin-top和margin-bottom的值。margin-left和margin-right对行内替换元素和非替换元素一样也是有影响的。
对于行内元素，设置padding-left和padding-right是可见有影响的，设置padding-top和padding-bottom后，对于行内非替换元素，padding-top和padding-bottom没用，不会影响其行高，不会撑开父元素。而对于行内替换元素，padding-top和padding-bottom会撑开父元素。
inline元素(准确来说是非替换的行内元素)不能设置竖直方向上的margin和padding，这个是css标准所规定的。
总之，inline元素，宽高无效，margin,padding只有左右边距有效，上下无效。
4. 如果一个p 标签拥有font-size: 10rem，那么这个p标签会自动响应窗口布局吗？
不会，rem是以html根元素font-size的大小为基准的相对度量单位，文本的大小不会随着窗口的大小改变而改变。一般默认根元素font-size为16px，不过可以改变它的值。
5. 伪类选择器：checked对于option标签有效果吗？
有。
伪类选择器：checked会作用于radio(<input type=”radio”>), checkbox(<input type=”checkbox”>)或者 option元素(<option> in a <select>)。
6. 伪类 ：root 通常指的是标签<html>?
不是。
单指创建的根。这个根可能不是 html ，如果是片段html，木有创建根，则为片段的根。如呂康豪 大大所说的一样。https://www.zhihu.com/question/20312140
7. translate()方法可不可以使元素在z轴上做变换？
不能。
translate()方法包含在CSS3的2D transform函数里。它可以在x轴和y轴上移动位置。
以上是关于前端试题-CSS试题的主要内容，如果未能解决你的问题，请参考以下文章