小结

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. ES6，模块化

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

  2. 201871010119-帖佼佼《面向对象程序设计（java）》第十二周学习总结

    博客正文开头格式: 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nw ...

  3. 3年java开发竟然还不知道Lambda的这个坑

    背景 有朋友反馈zk连接很慢.整理出zk连接的关键逻辑如下: 上面的代码造成第一次调用ClientZkAgent.getInstance的时候,需耗时10s, 这个时间恰好跟semaphore的超时时 ...

  4. 《Java基础知识》Java方法重载和重写

    重写(Override) 重写是子类对父类的允许访问的方法的实现过程进行重新编写, 返回值和形参都不能改变.即外壳不变,核心重写! 重写的好处在于子类可以根据需要,定义特定于自己的行为. 也就是说子类 ...

  5. Linux系统入门简介<1>

    linux系统入门简介 我们为什么要学习Linux? 在介绍Linux的历史前,我想先针对大家如何对Linux的发音说一下.我发现我身边的朋友对Linux的发音大致有这么几种: "里那克斯& ...

  6. 03-EF Core笔记之查询数据

    EF Core使用Linq进行数据查询. 基本查询 微软提供了一百多个示例来演示查询,地址:https://code.msdn.microsoft.com/101-LINQ-Samples-3fb98 ...

  7. sqlserver 行转列、字符串行转列、自动生产行转列脚本

    行转列,老生常谈的问题.这里总结一下网上的方法. 1.生成测试数据: CREATE TABLE human( name ), --姓名 norm ), --指标 score INT , --分数 gr ...

  8. Mbp,一个用于学习.net core的开发框架

    Mbp(https://github.com/mbpframework/Mbp)是一个.net core 3的企业级web开发框架,是我个人用于学习.net core而发起的一个开源项目.这个借鉴了国 ...

  9. MySQL数据篇 （一）存储过程实现简单的数据修改及事务的使用

    1.需求,手动给会员新增京币,并且添加分配日志,返回修改是否成功 CREATE DEFINER=`jszapi`@`%` PROCEDURE `p_allot_user_coin`(IN `_memb ...

  10. acwing 861. 二分图的最大匹配 模板

    地址  https://www.acwing.com/problem/content/description/863/ 给定一个二分图,其中左半部包含n1n1个点(编号1~n1n1),右半部包含n2n ...