9.CSS中的padding、margin和float各表示什么属性中英文背
答：
分别表示：
内填充、外边距、浮动。
10.简单描述一下什么是css盒子模型
答：
CSS给HTML元素都赋予了内容（content）、内填充（padding）、边框（border）和
外边距（margin）属性，这些属性形成CSS盒模型。
整个盒模型在页面中所占的
宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成。
11.简述CSS3有哪些新特性？
-
HSL颜色表现方法。
1）八大属性：
圆角效果（border-radius）
多彩边框
阴影（box-shadow）
背景图片尺寸（background-size）
多列（column-count）
嵌入字体（@font-face）
透明度（opacity）
HSL和HSLA颜色表现方法
2）四大类（关系选择器、伪类选择器、属性选择器、伪元素选择器）
1 关系选择器
选择符
名称
版本
简介
E F
包含选择符
CSS1
选择所有被E元素包含的F元素。
E,F
分组选择器
CSS1
就可以把这几个相同设定的选择器合并在一起，中间用逗号隔开
E>F
子选择符
CSS2
选择所有作为E元素的子元素F。
E+F
相邻选择符
CSS2
选择紧贴在E元素之后F元素。
E~F
兄弟选择符
CSS3
选择E元素所有兄弟元素F。
2 伪类选择器
a.结构性伪类选择器
b.UI元素状态伪类选择器
3 属性选择器
4 伪元素选择器
3）CSS添加了三个动画效果属性（transform、taansition、animation）
1 transform字面上就是变形，改变的意思。
在CSS3中transform主要
包括以下几种：
旋转rotate、扭曲skew、缩放scale和移动translate以
及矩阵变形matrix。
2 Animation只应用在页面上已存在的DOM元素上，我们使用CSS3
的Animation制作动画我们可以省去复杂的js,jquery代码。
12.CSS3.0选择器都有哪些类型，并且分别说明其作用及举例语法格式在HTML标签中使用的方法。
1）元素选择器
选择符类型版本简介
*通配符选择器CSS2所有元素对象。
E标签（HTML）选择器CSS1以HTML标签作为选择符。
E#myidid选择器CSS1以唯一标识符id属性等于myid的E对象作为选择符。
E.myclassclass选择器CSS1以class属性包含myclass的E对象作为选择符。
2）关系选择器
选择符类型版本简介
E,F分组选择器CSS1就可以把这几个相同设定的选择器合并在一起，中间用逗号隔开
EF包含（后代）选择器CSS1选择所有被E元素包含的F元素
E>F子选择器CSS2选择所有作为E元素的子元素F
E+F相邻选择器CSS2选择紧贴在E元素之后F元素
E~F兄弟选择符CSS3选择E元素所有兄弟元素F
3）伪类选择器
伪类用于向某些选择器添加特殊的效果。
伪类对元素进行分类是基于特征而不是它们的名字、属性或者内容。
选择符类型简介
a:
link链接伪类选择器设置超链接a在未被访问前的样式
a:
visited链接伪类选择器设置超链接a在其链接地址已被访问过时的样式
E:
hover用户操作伪类选择器设置元素在其鼠标悬停时的样式
E:
active用户操作伪类选择器设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式
E:
focus用户操作伪类选择器设置元素在成为输入焦点（该元素的onfocus事件发生）时的样式
E:
lang（）:
lang（）伪类选择器匹配使用特殊语言的E元素
a.结构性伪类选择器
选择符版本简介
E:
rootCSS3匹配E元素在文档的根元素。
E:
first-childCSS2匹配父元素的第一个子元素E。
E:
last-childCSS3匹配父元素的最后一个子元素E。
E:
only-childCSS3匹配父元素仅有的一个子元素E。
E:
nth-child（n）CSS3匹配父元素的第n个子元素E。
E:
nth-last-child（n）CSS3匹配父元素的倒数第n个子元素E。
E:
first-of-typeCSS3匹配同类型中的第一个同级兄弟元素E。
E:
last-of-typeCSS3匹配同类型中的最后一个同级兄弟元素E。
E:
only-of-typeCSS3匹配同类型中的唯一的一个同级兄弟元素E。
E:
nth-of-type（n）CSS3匹配同类型中的第n个同级兄弟元素E。
E:
nth-last-of-type（n）CSS3匹配同类型中的倒数第n个同级兄弟元素E。
E:
emptyCSS3匹配没有任何子元素（包括text节点）的元素E。
b.UI元素状态伪类选择器
选择符版本简介
E:
checkedCSS3匹配用户界面上处于选中状态的元素E。
（用于inputtype为radio与checkbox时）
E:
enabledCSS3匹配用户界面上处于可用状态的元素E。
E:
disabledCSS3匹配用户界面上处于禁用状态的元素E。
E:
read-onlyCSS3匹配用户界面上处于只读状态的元素E
E:
read-writeCSS3匹配用户界面上处于读写状态的元素E
3）属性选择器
选择符版本简介
E:
checkedCSS3匹配用户界面上处于选中状态的元素E。
（用于inputtype为radio与checkbox时）
E:
enabledCSS3匹配用户界面上处于可用状态的元素E。
E:
disabledCSS3匹配用户界面上处于禁用状态的元素E。
E:
read-onlyCSS3匹配用户界面上处于只读状态的元素E
E:
read-writeCSS3匹配用户界面上处于读写状态的元素E
4）伪元素选择器
选择符版本简介
E:
checkedCSS3匹配用户界面上处于选中状态的元素E。
（用于inputtype为radio与checkbox时）
E:
enabledCSS3匹配用户界面上处于可用状态的元素E。
E:
disabledCSS3匹配用户界面上处于禁用状态的元素E。
E:
read-onlyCSS3匹配用户界面上处于只读状态的元素E
E:
read-writeCSS3匹配用户界面上处于读写状态的元素E
13.HTML5用什么标记播放音频？
主要支持的音频格式有哪些？
答：
标记：
mov、mp4、wav。
14.HTML5用什么标记播放视频？
主要支持的视频格式有哪些？
答：
标记：
flv不支持）。
15.简述什么是HTML5的WebStorage功能？
包括哪些技术？
它们的区别是什么？
答：
HTML5新增一种非常重要的功能是可以在客户端本地存数据的WebStorage功能。
其中localStorage持久化本地存储，类似于Cookie，但没有有效期，除非主动删除
数据。
另一种sessionStorage用于本地存储一个会话中的数据，这些数据只在同一
个会话中的页面才能访问并且当会话结束后数据也随之销毁，类似于session。
四．编程题
1.编写一个form表单，实现一个学生信息输入。
包含学号、姓名、性别、爱好、出生年月等。
（注意首行缩进）
答：
doctypehtml>
学号：
名字：
密码：
性别：
电话：
邮箱：
生日：
兴趣爱好：
颜色爱好：
1
2
3
建议：
请输入对本课程的建议
2.绘制一个边框为蓝色粗细为2个像素，填充为红色，宽和高分别是300，200的矩形。
要写出HTML5代码和相应的JavaScript代码。
答：
doctypehtml>
copyright@ 2008-2023 冰点文库 网站版权所有
经营许可证编号:鄂ICP备19020893号-2
升级会员 