ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2019-11-11 10:55:49  阅读:287  来源: 互联网

标签:CSS3 em 网页 px HTML5 Arial 习题 CSS 样式表


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

标签:CSS3,em,网页,px,HTML5,Arial,习题,CSS,样式表
来源: https://www.cnblogs.com/itxdl/p/11833472.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有