下列关于CSS3优先级的计算,正确的是 ( )。
通配符选择器的优先级高于元素选择器的优先级
类选择器的优先级低于元素选择器的优先级
ID选择器的优先级高于类选择器的优先级
行内样式的优先级低于ID选择器的优先级
在下列选项中,border-style属性的 ( ) 值会显示双线边框。
solid
double
groove
ridge
在下列选项中,background-repeat属性的 ( ) 值表示图像在水平方向重复,垂直方向不重复。
repeat
no-repeat
repeat-x
repeat-y
对于外部样式表,下列说法错误的是 ( )。
可以实现多页面复用
样式与HTML分离,便于维护
会额外增加HTTP请求
必须在每个页面重复定义样式
在下列选项中, ( ) 属性用于设置文本的阴影效果。
box-shadow
text-shadow
font-shadow
shadow-text
在下列选项中,颜色值是绿色的正确十六进制简写是 ( )。
在CSS3中, ( ) 属性可以同时设置上下边框为点状,左右边框为实线。
border-style: dotted solid;
border-style:solid dotted;
border: dotted solid;
border-width:dotted solid;
在下列选项中,不属于CSS3中常用长度单位的是 ( )。
当设置边框圆角时,border-radius:10px 20px;属性值表示 ( )。
左上角和右下角的圆角半径为10px,右上角和左下角的圆角半径为20px
左上角和右上角的圆角半径为10px,右下角和左下角的圆角半径为20px
4个角都是10px和20px的平均值
上边两个角的圆角半径为10px,下边两个角的圆角半径为20px
关于CSS3层叠性,下列说法正确的是 ( )。
只有冲突的样式才会层叠
非冲突的样式会叠加生效
后定义的样式永远覆盖先定义的样式
行内样式无法被覆盖
在下列选项中, ( ) 属性用于控制背景图片是否随滚动条滚动。
background-attachment
background-position
background-clip
background-origin
关于border-radius属性,下列说法正确的是 ( )。
只能设置一个值
当设置两个值时,第一个值控制左上角和右下角,第二个值控制右上角和左下角
百分比值无效
只能使用像素单位
CSS3样式的优先级顺序从低到高依次为________<________<________<________<________。
填空1 ____________
填空2 ____________
填空3 ____________
填空4 ____________
填空5 ____________
在选择器div.container #main ul li中,包含________个元素选择器,________个类选择器,________个ID选择器。
填空1 ____________
填空2 ____________
填空3 ____________
设置文本阴影的CSS3属性是________,其参数依次为水平偏移、垂直偏移、模糊半径和________。
填空1 ____________
填空2 ____________
border-radius:10px 20px 30px 40px;属性值分别设置4个角的半径顺序:左上角、________、右下角、________。
填空1 ____________
填空2 ____________
在CSS3中,color:#ff6600;属性值可以简写为________。
在HTML中,同时使用内部样式表和外部样式表时,若两者对同一元素设置相同属性,则________的优先级更高。
要使元素4个角的圆角半径分别为5px、10px、15px、20px,应使用________属性。
在CSS3中,!important声明的优先级高于行内样式的优先级。 ( )
同一个元素可以同时拥有类选择器和ID选择器定义的样式。 ( )
使用text-transform:uppercase;属性值可以将所有字母转换为大写。 ( )
边框圆角属性border-radius 只能设置4个角相同的圆角半径。 ( )
外部样式表通过〈style〉标签引入,必须写在HTML文档内部。 ( )
背景图片可以使用background-size:100% 100%;属性值拉伸铺满整个元素。 ( )
在CSS3中,color:rgb(100%,0%,0%);属性值表示红色。 ( )
如果同时使用了内部样式表和外部样式表,内部样式表一定会覆盖外部样式表。 ( )
简述CSS3中哪些属性可以被继承,哪些属性不能被继承,并各举三个例子(根据教材内容)。
请写出background简写属性的常见用法示例,并解释每个值的含义。
卡片组件样式设计。 请编写CSS3代码,实现一个产品卡片组件,要求如下。 (1)卡片宽度为300px,背景为白色,圆角半径为12px。 (2)卡片阴影:04px 12px rgba(0,0,0,0.1)。 (3)卡片内边距:20px。 (4)卡片标题:字体大小为20px,加粗,颜色为#333,底部外边距为12px。 (5)卡片描述:字体大小为14px,颜色为#666,行高为1.6。 (6)卡片按钮:背景色为#3498db,白色文字,无边框,圆角半径为20px,内边距为8px 20px。
水平导航菜单。 请编写CSS3代码,实现一个水平导航菜单,要求如下。 (1)使用无序列表〈ul〉和〈li〉实现。 (2)清除列表默认样式(项目符号、内边距、外边距)。 (3)菜单项水平排列。 (4)菜单项内边距:12px 20px。 (5)菜单项文字:无下画线,颜色为#333,字号为16px。
综合背景与边框样式。 请为id为“hero”的〈section〉标签设置以下样式。 (1)背景图片为“hero.jpg”。 (2)背景图片不重复。 (3)背景图片水平居中、垂直居中。 (4)背景图片大小覆盖整个元素。 (5)背景颜色为深灰色(#2c3e50)。 (6)添加底部边框:3px实线橙色(#f39c12)。
多边框样式。 请为class为“special-box”的〈div〉标签设置以下边框样式。 (1)上边框:2px实线红色。 (2)右边框:4px虚线蓝色。 (3)下边框:2px点状绿色。 (4)左边框:4px双线橙色。
字体与文本综合。 请为class为“article”的段落设置以下样式。 (1)字体:宋体。 (2)字号:16px。 (3)字重:500。 (4)颜色:深灰色(#444)。 (5)行高:1.8。 (6)文字阴影:水平方向为2px,垂直方向为2px,模糊半径为3px,颜色为rgba(0,0,0,0.3)。