小结

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

IT兄弟连 HTML5教程 CSS3揭秘 小结及习题的更多相关文章

  1. IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性5

    9  透明属性 元素透明也是我们常用的样式,在CSS2中使用滤镜属性opacity实现透明效果.现在有了CSS3的rgba属性,就不用这么麻烦了,当然这也得要浏览器支持才行.通常我们定义颜色都是用十六 ...

  2. IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性4

    7  多列布局属性 通过CSS3,开发人员能够创建多列来对文本进行布局.在CSS2时代,对于多列布局的设计,大多采用浮动布局和绝对定位布局两种方式.浮动布局比较灵活,但是需要编写大量的附加样式代码,而 ...

  3. IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性3

    5 用户界面属性 在CSS3中,新的用户界面特性包括重设元素尺寸.盒尺寸及轮廓等.本小节着重介绍一下resize属性,只有Firefox 4和Safari 3浏览器支持此属性.resize属性可用于重 ...

  4. IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性2

    3  背景属性 在CSS3中提供了多个背景属性,这里只介绍两个比较常用的属性,其他属性可以从手册中获取帮助.在CSS3中,通过background-image或者background属性可以为一个容器 ...

  5. IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性1

    通过CSS选择器找到元素,就要使用CSS属性给找到的元素设置样式.尽管现在的浏览器已经支持了众多的CSS3属性,但作为初学者,最应该关注的就是一些“主流”的属性,如border-radius.box- ...

  6. IT兄弟连 HTML5教程 CSS3揭秘 CSS选择器2

    4  结构性伪类选择器 在学习结构性伪类选择器之前,先了解两个概念:伪类选择器和伪元素选择器.伪类选择器是CSS中已经定义好的选择器,不能随便命名.常用的伪类选择器是使用在a元素上的几种,如a:lin ...

  7. IT兄弟连 HTML5教程 CSS3揭秘 CSS选择器1

    要使用CSS对HTML页面中的元素实现一对一.一对多或者多对一的控制,就需要用到CSS选择器.选择器是CSS3中一个重要的内容,使用它可以大幅度地提高开发人员书写或修改样式表的效率.在大型网站中,样式 ...

  8. IT兄弟连 HTML5教程 CSS3揭秘 CSS3概述

    对于Web开发者来说,CSS3不只是一门新奇的技术,更重要的是这些全新概念的Web应用给开发人员带来了无限的可能性,也极大地提高了开发效率.我们不必再依赖图片或者JavaScript去完成圆角.多背景 ...

  9. IT兄弟连 HTML5教程 CSS3揭秘 CSS规则的组成

    CSS和HTML一样都是由W3C制定的标准,本章中介绍的特性和功能还是来源于CSS1和CSS2(CSS2是根据CSS1扩展的).W3C也有新的版本更新,称为CSS3.虽然浏览器已经准备开始实现CSS3 ...

随机推荐

  1. HTTP 错误 500.19 - Internal Server Error 错误代码 0x80070005 由于权限不足而无法读取配置文件

    HTTP 错误 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效. 模块 IIS Web Core 通知 未知 处理程序 尚未确定 错误代码 ...

  2. Oracle用户、角色、权限

    一.Oracle权限 系统权限:系统规定用户使用数据库的权限.(系统权限是对用户而言) 对象权限:某种权限用户对其它用户的表或视图的存取权限.(是针对表或视图而言的) 1.Oracle系统权限 ​ o ...

  3. skipping archived logs of thread 1 from sequence 29 to 46; already backed up

    问题描述:删除归档的备份,在进行归档的重新备份,提示:skipping archived logs of thread 1 from sequence 29 to 46; already backed ...

  4. SOCKET CAN的理解

    转载请注明出处:http://blog.csdn.net/Righthek 谢谢! CAN总线原理 由于Socket CAN涉及到CAN总线协议.套接字.Linux网络设备驱动等.因此,为了能够全面地 ...

  5. Ubuntu系统下arm-linux-gcc交叉编译环境搭建过程

    搭建所需环境Linux版本:Ubuntu 14.10 交叉编译器版本:arm-linux-gcc-4.4.3资源链接 何为交叉编译环境搭建交叉编译环境,即安装.配置交叉编译工具链.在Ubuntu环境下 ...

  6. 在MSSQL中的简单数据类型递归

    在某些特定的项目需求中,我们需要实现树状数据结构, 由此,我们需要用递归将数据查询出来. WITH T AS ( SELECT ID,PID FROM TableName WHERE ID=1 UNI ...

  7. 2016/09/29 Maven简介

    1.1 何为Maven Maven这个词可以翻译为"知识的积累",也可以翻译为"专家"或"内行".作为Apache组织中的一个颇为成功的开源 ...

  8. [ASP.NET Core 3框架揭秘] 依赖注入[8]：服务实例的生命周期

    生命周期决定了IServiceProvider对象采用怎样的方式提供和释放服务实例.虽然不同版本的依赖注入框架针对服务实例的生命周期管理采用了不同的实现,但总的来说原理还是类似的.在我们提供的依赖注入 ...

  9. python内置模块-datetime

    摘录 廖雪峰网站 datetime是python内置的处理日期和时间的标准库 获取当前日期和时间 >>> from datetime import datetime >> ...

  10. css3 @page

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...