一.使用CSS美化之前HTML构建的个人简介页面，包括表格边框，表格单元格背景，字体，输入框样式等，要求在外部CSS文件中定义样式，并尝试如何优化类选择器的定义。（不能实现的样式，参考样式手册查看后测试）
二.使用CSS美化之前HTML构建的框架锚点文章页面，对于标题、文本内容等进行文本样式的美化。
三.问题
- a.CSS的版本进化历史？
- b.CSS有哪些选择器，其定义语法分别是什么？

一.使用CSS美化之前HTML构建的个人简介页面，包括表格边框，表格单元格背景，字体，输入框样式等，要求在外部CSS文件中定义样式，并尝试如何优化类选择器的定义。（不能实现的样式，参考样式手册查看后测试）

.biaotou{font-size: 20px;font-weight: bold;background-color: gray;
}
.xiaobiaotou{font-size: 18px;background-color: LightGray;font-weight: bold;
}
input{background-color: yellow;border: 2px solid green;
}

二.使用CSS美化之前HTML构建的框架锚点文章页面，对于标题、文本内容等进行文本样式的美化。

 <style type="text/css">h1{text-align: center;}a{text-decoration: none;color: black;}li{font-size: 20px;font-weight: bold;;}</style>

三.问题

a.CSS的版本进化历史？

CSS历史:
从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读者来决定网页应该怎样被显示。
但随着HTML的成长，为了满足设计师的要求，HTML获得了很多显示功能。随着这些功能的增加外来定义样式的语言越来越没有意义了。
1994年哈坤·利提出了CSS的最初建议。伯特·波斯（Bert Bos）当时正在设计一个叫做Argo的浏览器，他们决定一起合作设计CSS。
当时已经有过一些样式表语言的建议了，但CSS是第一个含有“层叠”的主意的。在CSS中，一个文件的样式可以从其他的样式表中继承下来。读者在有些地方可以使用他自己更喜欢的样式，在其他地方则继承，或“层叠”作者的样式, 这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合各人的爱好。
哈坤于1994年在芝加哥的一次会议上第一次展示了CSS的建议，1995年他与波斯一起再次展示这个建议。当时W3C刚刚建立，W3C对CSS的发展很感兴趣，它为此组织了一次讨论会。哈坤、波斯和其他一些人（比如微软的托马斯·雷尔登）是这个项目的主要技术负责人。1996年底，CSS已经完成。1996年12月CSS要求的第一版本被出版。
1997年初，W3C内组织了专门管CSS的工作组，其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉及到的问题，其结果是1998年5月出版的第二版要求。到2007年为止，第三版还未完备。
使用CSS+DIV的优点
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势：　　
1：表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。　　
2：提高页面浏览速度　
对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。　　
3：易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
具体说明请见百度知道CSS发展史.
CSS2
样式单自从CSS1的版本之后，又在1998年5月发布了CSS2版本，样式单得到了更多的充实。
CSS2.0是一套全新的样式表结构，是由W3C推行的，同以往的CSS1.0或CSS1.2完全不一样，CSS2.0推荐的是一套内容和表现效果分离的方式，HTML元素可以通过CSS2.0的样式控制显示效果，可完全不使用以往HTML中的table和td来定位表单的外观和样式，只需使用div和 Li此类HTML标签来分割元素，之后即可通过CSS2.0样式来定义表单界面的外观。
CSS2.0提供给我们了一个机制，让程序员开发时可以不考虑显示和界面就可以制作表单和界面，显示问题可由美工或是程序员后期再来编写相应的 CSS2.0样式来解决。不过由于CSS2.0目前尚未见过很好的编辑软件，所以无法做到所见即所得，编写起来不易。
CSS3
CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：
盒子模型
列表模块
超连结方式
语言模块
背景和边框
文字特效
多栏布局
CSS3选择器
CSS3增加了更多的CSS选择器，可以实现更简单但是更强大的功能，比如:nth-child()等。
时间表
几个模块现已完成，包括的SVG （可扩展矢量图形），媒介资源类型（Media Queries）和命名，而其他的模块开发工作则仍在进行中。如果要给出一个预定的日期的话，非常困难，不管怎样，web浏览器将全面支持CSS3的各种新特点，一些新的探索已经开始了。针对不同浏览器，新的功能是逐渐应用的，仍然需要1-2年的时间，每一个新的模块才有可能被广泛应用。
CSS3将给我带来哪些新的影响
首先，我们希望，这是个正确的方式，CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说，CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许你实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）

b.CSS有哪些选择器，其定义语法分别是什么？

派生选择器：派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。

大标签 小标签{
样式
}

id 选择器：id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 “#” 来定义。

#id{
样式
}

类选择器：在 CSS 中，类选择器以一个点号显示。

.class{
样式
}

属性选择器：对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。

[属性]
{
样式
}

2018/09/29渡课相关推荐

2018/09/27渡课
目录一.关键字二.使用Table标签和Form表单元素完成一个个人简历的网页编写三.使用form完成一篇带目录导航的文章编写四.题目 a.Table页面布局和Div布局的区别和为什么要使用Di ...
2018/09/25渡课
课程关键字关键词英文*解释浏览器 browser 解析器 resolver 服务器 server web前端设计网站 Java 制作整个软件 UI 交互设计 HTML 超文本标记语言(不是编程 ...
2018.09.29 bzoj3885: Cow Rectangles（悬线法+二分）
传送门对于第一个问题,直接用悬线法求出最大的子矩阵面积,然后对于每一个能得到最大面积的矩阵,我们用二分法去掉四周的空白部分来更新第二个答案. 代码: #include<bits/stdc++. ...
2018/9/28 渡课学习第四天
目录重要标签作业完成汇报今日学习总结重要标签标签描述实例  定义注释  <!DOCT ...
2018/11/27渡课
目录一.完成自学部分内容,并撰写一篇关于 Eclipse 使用的博客,包括常用的 Eclipse 快捷键. 二.使用 Eclipse 进行开发,验证今日课堂上的知识点,完成对应作业. 三.写至少5个 ...
训练日志 2018.9.29
电脑终于拿回来了,重新配环境配了一下午,蛋疼的一批明天上午上完课国庆假期算正式开始了,之前电脑坏了欠下的东西不少,状压DP一个题也没做,Java作业还没写,青岛赛.CCPC的总结也要补,事情总是要一 ...
python课程与c+课程有什么不同-南通渡课少儿编程：python和C的区别是什么？
南通渡课少儿编程:python和C的区别是什么? 2020-10-30 | 南通 | 点击87次 | 信息编号:20146414213238622002263449 视频:南通渡课少儿编程:pytho ...
【跃迁之路】【448天】刻意练习系列207（2018.04.29）
@(跃迁之路)专栏叨叨两句技术的精进不能只是简单的刷题,而应该是不断的"刻意"练习该系列改版后正式纳入[跃迁之路]专栏,持续更新一.SQL [跃迁之路]Java基础--SQ ...
训练日志 2018.8.29
状态很差劲,什么都学不进去,心浮了,下午比赛 A 了一个题就不想打了,想做做区间 DP 的练习题也读不进题去,Runtime Error 及时调整状态吧 2018.8.29

2018/09/29渡课

目录

一.使用CSS美化之前HTML构建的个人简介页面，包括表格边框，表格单元格背景，字体，输入框样式等，要求在外部CSS文件中定义样式，并尝试如何优化类选择器的定义。（不能实现的样式，参考样式手册查看后测试）

二.使用CSS美化之前HTML构建的框架锚点文章页面，对于标题、文本内容等进行文本样式的美化。

三.问题

a.CSS的版本进化历史？

b.CSS有哪些选择器，其定义语法分别是什么？

2018/09/29渡课相关推荐

最新文章

热门文章