“让你知道你对CSS到底了解多少”问题答案.doc

“让你知道你对CSS到底了解多少”问题答案 基本的CSS问题 问题1 下列哪个不是一个有效吗 border-style属性值吗? 回答： glazed 你可以看到所有的 border-style通过读取属性值4.2“。行模式:边框样式属性”在W3C CSS背景和边界模块3级规格。 问题2 下列哪个不是一个有效的CSS长度单位? 回答：dm cm和 mm是绝对长度单位. em是一个font-relative长度. 问题3 什么是目标每个元素的CSS选择器允许您在web页面上呢? 回答： 通用选择器(*) 一个例子:下面的样式规则使用通用选择器设置的保证金和填充HTML元素为零: * { margin: 0; padding: 0; } 问题4 CSS属性允许您隐藏元素,但仍保持它占用的空间网页? 回答：visibility或 opacity 有几种方法可以隐藏一个HTML元素的CSS。 设置 visibility元素的属性 hidden将隐藏元素。元素，将占据空间等于几何尺寸的web页面。例如,如果100 x100px隐藏元素的尺寸,你会看到一个空100 x100px空间元素所在的地方。隐藏一个元素也可以通过分配来实现的 opacity: 0一个元素。 隐藏一个元素不维护空间占据在web页面可以通过设置元素的 display财产 none。设置 display来 none呈现元素好像不存在。 问题5 有16个基本颜色关键词CSS。下列哪个不是基本颜色关键词吗? 回答：cyan cyan是一个有效的关键字颜色。但它不是一个基本颜色关键词。cyan颜色字记录的一部分扩展颜色关键词。 问题6 font-styleCSS属性有四个不同的有效值。三种值 inherit, normal, italic另一个有效的价值是什么? 回答：oblique 问题7 下列哪两个CSS选择器有更高的特异性? 选择1： #object h2::first-letter 选择2： body .item div h2::first-letter:hover 回答：选择1 #object h2:first-letter 选择器1的特征值是102。的特征值选择器2是24。 问题8 什么是理想的点下面的伪类选择器的样式表吗? 回答： :link :visited :hover :active 一个元素可以匹配多个伪类选择器在相同的时间。这就是为什么上面的伪类的顺序是至关重要的。 我们知道,如果两个选择器是平等的特异性,默认情况下,选择样式表更赢。 一种情况,你可以清楚地看到这个问题是通过超链接元素。假设您鼠标指针链接,然后点击链接之后不动你的鼠标。这种情况意味着比赛的联系 :hover和 :active选择器。 因此,如果 :active样式规则之上 :hover样式规则——例如用户永远不会看到 :active样式规则应用。这是因为 :hover样式规则总是会覆盖它。 你可以记住记住理想秩序的缩写,LVHA。链接→访问→徘徊活跃 问题9 下列哪个CSS属性不影响盒子模型? 回答：outlin 这是一部分 outline房地产的规范: 轮廓属性创建的轮廓画”在“一盒,即。、大纲上总是和不影响盒子的位置或大小,或任何其他盒子。因此,显示或抑制了不会引起回流或溢出。 动态轮廓:“大纲”属性 问题10 当使用媒体查询,下面哪个不是一个有效的媒体类型吗? 回答：voice 你可以找到所有的有效的媒体类型媒体查询W3C规范。 voice不是一个有效的媒体类型。虽然有一个 speech媒体类型。 问题11 有五个通用字体家庭价值观,可以分配给 font-family财产。下面列出了其中的3台。其他两个通用字体家庭价值观是什么? 回答：cursive fantasy 问题12 是什么颜色总是等于计算关键字 color所选元素的属性值/元素? 回答：currentColor 下面是一个例子, background-color和 border颜色将等于颜色属性值 .box元素: .box { color: green; background-color: currentColor; border: 1px dashed currentColor; } 使用的好处 currentColor关键字是,我们只需要改变颜色值在一个地方。我们可以改变的价值 color财产,变化会级联到其他属性。这个关键字和CSS变量一样工作。 问题13 下列哪个不是一个有效的CSS单位吗? 回答：ems ch和 rem是font-relative长度单位。 turn是一个角单位。 px是一个绝对长度单