你对CSS了解多少?通过尝试回答这篇文章中的CSS问题来测试你的知识。这些问题分为三类:
这组CSS问题是我们之前收集的问题的后续HTML的问题。(你也可以看看这个。)没有时间限制,也没有分数追踪。在你完成这15个具有挑战性的问题后,请在评论中随意谈论你的结果。
CSS基本问题
问题1
下面哪个是不一个有效的边框样式
属性值吗?
有点的
插图
上釉
槽
固体
看看答案
回答
上釉
你可以看到所有的边框样式
属性值“4.2。Line Patterns: border-style属性W3C节CSS背景和边框模块3级规格。
问题3
什么是CSS选择器,它可以让你在网页中定位每个元素?
看看答案
问题4
哪个CSS属性允许你隐藏一个元素,但仍然保持它在网页中占据的空间?
看看答案
回答
可见性
或不透明度
有几种方法可以用CSS隐藏HTML元素。
设置可见性
元素to的属性隐藏的
将隐藏元素。元素仍将在网页中占据与其几何尺寸相等的空间。例如,如果隐藏元素的尺寸是100x100px,您将在元素所在的区域看到一个100x100px的空白空间。
隐藏元素也可以通过赋值来实现透明度:0
到一个元素。隐藏一个元素而不保留它在网页中占用的空间可以通过设置元素的值来实现显示
财产没有一个
。设置显示
来没有一个
渲染元素,就好像它不存在一样。
问题5
有16个基本色彩关键词在CSS。以下哪些是不基本颜色关键词?
橄榄
樱红色
青色
阿卡
栗色
看看答案
问题6
的字体样式
CSS属性四个不同的有效值。三个这些值中有继承
,正常的
,斜体显示。
另一个有效值是什么?
看看答案
问题7
下面两个选择器中哪个有a更高的CSS特异性?选择器1:
#对象h2::首字母
选择器2:
Body .item div h2::首字母:hover
看看答案
回答
选择1:#对象h2:首字母
的特异性值选择器1是102。的特异性值选择器2是24。相关:CSS专用性是如何工作的
中级CSS问题
问题8
是什么?理想的以下伪类选择器在样式表中的顺序?
:主动
:徘徊
:链接
:参观
看看答案
回答
:链接
:参观
:徘徊
:主动
一个元素可以同时匹配多个伪类选择器。这就是为什么上述伪类的顺序至关重要的原因。我们知道,如果两个选择器在专一性上相等,默认情况下,样式表下部的选择器获胜。
可以通过超链接元素清楚地看到这个问题。假设您将鼠标指针悬停在链接上,然后单击链接而不移动鼠标。这种情况意味着链接与两者都匹配:徘徊
和:主动
选择器。
所以如果:主动
样式规则在:徘徊
样式规则-例如-用户永远不会看到:主动
应用了样式规则。这是因为:徘徊
样式规则将总是覆盖它。你可以通过记忆缩写词来记住理想的顺序,LVHA。
链接?参观了?徘徊?
活跃的相关:要了解有关此主题的更多信息,请阅读CSS链接伪类。同时,找出为什么:visited伪类很奇怪。
问题9
下面哪个CSS属性不影响盒子模型吗?
内容
填充
保证金
大纲
边境
看看答案
回答
大纲
这是一部分大纲
房地产的规范:
使用outline属性创建的轮廓被绘制在一个框上,也就是说,轮廓总是在顶部,并且不会影响框或任何其他框的位置或大小。因此,显示或抑制轮廓不会导致回流或溢出。18.4动态轮廓:outline属性
问题10
在使用媒体查询时,下列哪项是不有效的媒体类型?
电视
所有
的声音
打印
盲文
tty
压花
看看答案
回答
的声音
中可以找到所有有效的媒体类型媒体查询W3C规范。的声音
不是有效的媒体类型。尽管有演讲
媒体类型。
问题11
有五个的通用字体族值字体类型
财产。三个下面列出了其中的一些。其他两个通用字体族值是什么?
衬线
无衬线
等宽字体
- ?
- ?
看看答案
问题12
什么颜色关键字将总是等于计算颜色
所选元素/元素的属性值?
看看答案
回答
currentColor
下面是一个示例背景颜色
和边境
的Color属性值将等于.box
元素:
.box{颜色:绿色;background - color: currentColor;border: 1px;}
的好处currentColor
关键字是,我们只需要在一个地方改变颜色值。
我们可以改变这个的值颜色
属性,更改将级联到其他属性。这个关键字的工作方式与CSS变量非常相似。读“4.4。currentColor color关键字在CSS颜色模块级别要了解更多关于这个颜色关键字。略相关:CSS变量简介
CSS高级问题
问题13
下面哪个是不一个有效的CSS单元?
ch
转
px
ems
dpcm
年代
赫兹
快速眼动
看看答案
问题14
以下哪个颜色关键词有不尚未在W3C规范中提出?
blanchedalmond
dodgerblue
桃色
orchidblack
navajowhite
番茄
看看答案
回答
orchidblack
参见“5。命名颜色”的CSS颜色模块4级编辑稿查找所有当前建议的颜色关键字。
问题15
什么是CSSat-rule可以让您定义样式表的字符编码?
看看答案
你答对了几道题?
哪些问题让你很难回答?在评论中分享你的想法吧。
更新
- 06/07/2015:问题4被更正,以便
不透明度
财产也是一个有效的答案。感谢卡尔在评论中指出这一点。
相关内容
WebFX职业
加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识并成长为个人。