小结

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. JS基础-作用域

    作用域相关问题 下面的代码打印什么内容,为什么? // 情况 1 // 情况 2 var b = 10; var c = function b() { b = 20; console.log(b) } ...

  2. 通过Redis 实现分布式锁_利用Jedis 客户端

    前言 分布式锁一般有三种实现方式: 数据库乐观锁:2. 基于Redis的分布式锁:3. 基于ZooKeeper的分布式锁. 本篇博客将介绍第二种方式,基于Redis实现分布式锁. 虽然网上已经有各种介 ...

  3. 【Java Web开发学习】Servlet、Filter、Listener

    [Java Web开发学习]Servlet 转发:https://www.cnblogs.com/yangchongxing/p/9274739.html 1.Servlet package cn.y ...

  4. Java类中static的用法

    关于Java中static的使用有以下四种情况: 1.静态成员变量         被static修饰的成员变量,叫静态成员变量或类变量:没有被static修饰的变量,叫实例变量. 两者的区别是:  ...

  5. CCF-CSP题解 201612-3 权限查询

    一共有三层信息,三层信息的依赖关系是: \[用户user->角色role->权限authority\] 先存储\(authority\)信息,\(role\)直接存储\(authority ...

  6. 转自自己的关于落谷计数器【p1239】的题解

    本蒟蒻写这道题用了两天半里大概五六个小时.(我太弱了) 然后这篇题解将写写我经历的沟沟坎坎,详细的分析一下, 但是由于它很长,因此一定还有多余的地方,比如说我的 预处理,可能比较多余.但是我觉得,信息 ...

  7. C#线程学习笔记九：async & await入门二

    一.异步方法返回类型 只能返回3种类型(void.Task和Task<T>). 1.1.void返回类型:调用方法执行异步方法,但又不需要做进一步的交互. class Program { ...

  8. 微服务与敏捷开发（Scrum/Kanban）的核心思想之我见

    微服务与敏捷开发(Scrum/Kanban)的核心思想之我见   关于"微服务"和"敏捷开发"的文章网络上有很多,所以这里不再重复叙述这些概念的解释和特点,而是 ...

  9. centos7下MySQL5.7修改默存储路径

    安装MySQL中YUM默认安装路径是/var/lib/mysql下,有时候该目录分配的磁盘空间并不大,需要迁移到新的磁盘目录 df  -h 查看磁盘空间大小 本次迁移到 /home目录下 1.在hom ...

  10. EtreCheck是否修复恶意软件和广告软件？为什么EtreCheck无法制作截图？

    EtreCheck for Mac是一款Mac上的软件,有很对人对这款软件并不熟系,今天小编就来给大家介绍一下这款软件最常出现的问题—EtreCheck是否修复恶意软件和广告软件?为什么EtreChe ...