IT兄弟连 HTML5教程 CSS3揭秘 小结及习题

5f16a58a57bc47108e1c532aebeafd05.jpg

 

小结

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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码