小结

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. 【Java Web开发学习】Spring MVC 拦截器HandlerInterceptor

    [Java Web开发学习]Spring MVC 拦截器HandlerInterceptor 转载:https://www.cnblogs.com/yangchongxing/p/9324119.ht ...

  2. 计算机二级Python

    概述 计算机二级在近两年新加了python的选择,趁机考了一下,顺便记录一下学习的一些所获 第一章 程序设计语言概述 考纲考点: 这一部分主要是介绍计算机语言的公共常识,一些尝试我就按照自己的理解方式 ...

  3. 延迟队列DelayQueue take() 源码分析

    延迟队列DelayQueue take() 源码分析 在工作中使用了延迟队列,对其内部的实现很好奇,于是就研究了一下其运行原理,在这里就介绍一下take()方法的源码 1 take()源码 如下所示 ...

  4. 如何为.NETCore安装汉化包智能感知

    引言 具体不记得是在群里还是什么地方有人问过,.NETCore有没有汉化包,答案是有,目前微软已经为我们提供了.NETCore多种语言的语言包.下面看看如何安装与使用吧. 在哪下载? 在微软官方下载 ...

  5. python并发之多进程

    #mutiprocessing模块 python中的多线程无法利用多核优势,如果想要充分地使用多核CPU的资源(os.cpu_count()查看),在python中大部分情况需要使用多进程.Pytho ...

  6. 【搞定Jvm面试】 面试官：谈谈 JVM 类文件结构的认识

    类文件结构 一 概述 在 Java 中,JVM 可以理解的代码就叫做字节码(即扩展名为 .class 的文件),它不面向任何特定的处理器,只面向虚拟机.Java 语言通过字节码的方式,在一定程度上解决 ...

  7. Elasticsearch 语法指南（全）

    所有的语句默认都是没有用户名和密码,如果你的 es 集群做了安全认证的话,请在每一个 crul 后面加上 -u username:password 例如: curl -u admin:123456 - ...

  8. 利用sklearn对多分类的每个类别进行指标评价

      今天晚上,笔者接到客户的一个需要,那就是:对多分类结果的每个类别进行指标评价,也就是需要输出每个类型的精确率(precision),召回率(recall)以及F1值(F1-score).   对于 ...

  9. JS 操作符、控制流程、循环、字符串/数组方法

    操作符 算术运算符:+ .- . * . / . %.++.-- 赋值运算符:= .+=.-=. *=./=.%= 比较运算符:>.>=.<.<=.!=.==.===(全等,数 ...

  10. Hystrix集群及集群监控turbine

    Hystrix集群及监控turbine 前面Dashboard演示的仅仅是单机服务监控,实际项目基本都是集群,所以这里集群监控用的是turbine. turbine是基于Dashboard的. 先搞个 ...