小结
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.
B.C.
D.7.若要在网页中插入样式表main.css,以下用法中,正确的是(D)
A.
B.
C.
D.
8.下面不属于CSS插入形式的是(C)
A.索引式 B.内联式
C.嵌入式 D.外部式
9.若要以加粗宋体、10号字显示“兄弟连IT教育”以下用法中,正确的是(B)
A.兄弟连IT教育
B.兄弟连IT教育
C.兄弟连IT教育
D.兄弟连IT教育
10.若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为“Arial”,字体大小为9px,行间距为13.5px,以下定义方法中,正确的是(A)。
A.
.myText{font-familiy:Arial;font-size:9px;line-height:13.5px}
B..myText{ font-familiy:Arial; font -size:9px;line-height:13.5px}
C.
.myText{FontName:Arial; fontSize:9px;lineHeight:13.5px}
D.
.myText{FontName:Arial; font-ize:9px;line-eight:13.5px}
11.px和em的区别
答案:px和em都是长度单位,区别是,px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em