小结
CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率。CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名。CSS3支持的动画类型更加的丰富了,主要有transform(变换)、transition(过渡)和animation(动画)。不仅在类型上更加多样,还可以对特定的属性设置transition,所以在以后面对更多的脚本开发者,会更加的方便简单。对于CSS3的特性,圆角、文本阴影、盒模型阴影和渐变是网页制作更加便捷与网页展示更加丰富。
习题
1.支持input类型的输入框的消息提示的属性是(B)
A.detail B.placeholder
C.pattern D.required
2.以下哪项不属于Html5中input标签新增的输入类型(D)
A.email B.url
C.number D.radio
3.对CSS编码规范描述不合理的是(D)
A.一般不允许将样式定义写在标签中
B.ID必须是唯一的,且用在结构的定义中
C.尽量不缩写,除非一看就明白的单词
D.建议单位使用绝对长度单位,如px、pt等
4.在CSS中,text-align属性的初始值是什么(A)
A.start B.无
C.normal D.auto
5.下面说法错误的是(D)
A.CSS样式表可以将格式和结构分离
B.CSS样式表可以控制页面的布局
C.CSS样式表可以使许多网页同时更新
D.CSS样式表不能制作体积更小下载更快的网页
6.若要是设计网页的背景图形为bg.jpg,以下标记中,正确的是(A)
A.<body background=”bg.jpg”> B.<body bground=”bg.jpg’’>
C.<body image=”bg.jpg”> D.<body bgcolor=”bg.jpg”>
7.若要在网页中插入样式表main.css,以下用法中,正确的是(D)
A.<Link href=”main.css”type=text/css rel=stylesheet>
B.<Link Src=”main.css”type=text/css rel=stylesheet>
C.<Link href=”main.css”type=text/css>
D.<Include href=”main.css”type=text/css rel=stylesheet>
8.下面不属于CSS插入形式的是(C)
A.索引式 B.内联式
C.嵌入式 D.外部式
9.若要以加粗宋体、10号字显示“兄弟连IT教育”以下用法中,正确的是(B)
A.<b><font style='font-size:10px'>兄弟连IT教育</b></font>
B.<b><font face=”宋体”style='font-size:10px'>兄弟连IT教育</font></b>
C.<b><font size=“宋体”style='font-size:10px'>兄弟连IT教育</b></font>
D.<b><font size=“宋体”fontstyle='font-size:10px'>兄弟连IT教育</b></font>
10.若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为“Arial”,字体大小为9px,行间距为13.5px,以下定义方法中,正确的是(A)。
A.<style>
.myText{font-familiy:Arial;font-size:9px;line-height:13.5px}
</style>
B..myText{ font-familiy:Arial; font -size:9px;line-height:13.5px}
C.<style>
.myText{FontName:Arial; fontSize:9px;lineHeight:13.5px}
</style>
D.<style>
.myText{FontName:Arial; font-ize:9px;line-eight:13.5px}
</style>
11.px和em的区别
答案:px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em