小结

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. 使用笛卡尔积生成sku

    /// <summary> /// 生成SKU价格表 /// </summary> /// <param name="model"></p ...

  2. ES6，模块化

    遇到的问题: 在js文件中使用import,export的时候报错: 原因:因为NodeJS只支持部分ES6的语法,有些ES6语法还不支持,而import语法就是其中一个: 解决方法: 1.使用ES5 ...

  3. excel中生成32位随机id

    记录下如何在EXCEL中利用公式生成32位的随机id(无符号,只有数字和小写字母). ,,)),),"",DEC2HEX(RANDBETWEEN(,,)),),"&quo ...

  4. SSM项目整合纪实

    一 前 言 本来是为了探究一些功能性问题,需要一套完整的项目架构,本以为SSM用过那么多了,轻松搭建不在话下,但是过程中还是遇到一些问题,踩到一些未曾料想的坑.博文以搭建极简架构为目的,附带一些关键阐 ...

  5. ffmpeg+nginx 实现rtsp转rtmp并通过nginx转发

    Windows安装 ffmpeg ffmpeg windows版下载地址https://ffmpeg.zeranoe.com/builds/ static版本就行 配置环境变量:下载的压缩包解压后的路 ...

  6. Aiseesoft 4K Converter for Mac如何转换视频格式？Aiseesoft 4K使用方法

    Aiseesoft 4K如何转换视频格式?由于这款4K UHD转换器支持最新的4K编码/解码技术,因此您可以将4K视频转换为4K电视或其他设备支持的任何其他视频格式.Aiseesoft 4K使用方法分 ...

  7. Webpack 一些概念

    目录 引子 Dependency Graph Runtime Manifest Module.Bundle.Chunk Bundle Splitting Code Splitting Tree Sha ...

  8. Mac VMware Fusion CentOS7配置静态IP

    目录 安装CentOS7 配置静态IP 安装CentOS7 这里我们要安装CentOS7 64位,所以选择CentOS7 64位配置 我们点击存储后,vmware会自动帮我们创建一个虚拟机,但是我们还 ...

  9. c# 保留2位小数 整数时无小数

    对数值保存两位小数,有时是整数时,不需要显示两位小数.例如值为:1.32 保留两位,结果是1.32,值为:2,结果有两种显示,2和2.00 /// <summary> /// 金额 /// ...

  10. Parallel.ForEach 使用多线遍历循环

    Parallel.ForEach相对于foreach是多线程,并行操作;foreach是单线程品德操作. static void Main(string[] args) { Console.Write ...