web概述（05）

CSS3

在网页中，HTML决定结构和内容，CSS设定网页的表现样式，JavaScript控制网页的行为
创建网页的步骤
首先大致了解要做什么
在输入内容之前先计划好网页的结构。先画草图，再绘制略图，最后写HTML
用大的块元素来创建你的网页，然后用内联元素来修饰
然后用HTML基本模块

之类将它翻译成HTML能识别的略图
将略图翻译成HTML
记住，无论什么时候使用元素告诉浏览器你的内容含义
通常使用最能匹配内容含义的元素，例如：当你需要使用列表时，绝对不用段落表示
页面基本完成后，再对页面做一些改进
添加新元素
经典问题
可以说HTML就是一大堆包围文本的标记吗?
所谓超文本标记语言，它标记内容结构和超链接
浏览器是如何显示HTML?
会根据所标记的文档结构，按照默认的规则来显示，当然也可以使用css来修改
源文件中很多缩进和换行，浏览器中怎么看不到？
浏览器只会关注所标记的结构，会忽略制表符、回车和大多数空格
html文件就是普通的文本文件吗？
Yes，只是后缀为.html或者.htm
为什么不使用word格式，而用纯文本这种数据形式呢？
html的出身是为了方便研究者共享论文，纯文本是最简单的
为了防止出现技术垄断，但是有好几个公司正在试图这样做，比如微软的silverlight方案、Adobe
的Flex技术等，为此w3联盟推出了Html5标准
浏览器可以选择吗？
可以，比如IE、FireFox、Opera、Safari等
html和css都是基于工业标准的，意味着各种浏览器都应该支持，当然不排除显示效果上有细微差
别
匹配标记需要在同一行吗？
不用，浏览器并不介意回车、tab或者多余的空格
标记可以嵌套吗？
当然可以，内容的结构本来就是嵌套的

这是加粗显示

从语言角度上来说不允许出现交叉嵌套

这是加粗

显示
CSS3
CSS即Cascading Style Sheets，用于渲染HTML元素标签的样式
什么是CSS
层叠样式表Cascading Style Sheets，缩写为 CSS，是一种样式表语言，用来描述HTML或XML（包括如
SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。
CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题
CSS 是开放网络的核心语言之一，由W3C规范实现跨浏览器的标准化。CSS节省了大量的工作。
简化代码、提高编程效率
CSS指层叠样式表，样式定义如何显示HTML元素，样式通常存储在样式表中
把样式添加到HTML中是为了解决内容与表现分离的问题
样式表的定义方式
嵌入式：在标签中以style属性出现
内联式：在head标签里添加 标签
外联式：以css扩展名的文件独立存在的方式
外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中
样式可以通过定义保存在外部.css文件中，同时控制多个网页的布局，这意味着开发者不必经
历在所有网页上编辑布局的麻烦
多个样式定义可层叠为一个
CSS被分为不同等级：CSS1现已废弃，CSS2.1是推荐标准，CSS3分成多个小模块且正在标准化中

菜鸟教程(runoob.com)

这个标题设置的大小为 36 pt

这个标题设置的颜色为蓝色：blue

这个段落的左外边距为 50 像素：50px

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 CSS基础语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明 选择器通常是需要改变样式的 HTML 元素 每条声明由一个属性和一个值组成 属性property是希望设置的样式属性style attribute。每个属性有一个值。属性和值被冒号分开。 CSS 注释 注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它 CSS注释以 /* 开始, 以 */ 结束 /*这是个注释*/ p { text-align:center; /*这是另一个注释*/ color:black; font-family:arial; } 1 2 3 4 5 6 7 使用CSS CSS可以通过以下方式添加到html中： 内联样式：在HTML元素中使用style属性

这是一个段落。

内部样式表：在HTML文档头部 区域使用

添加边框效果
从以上上图中我们可以得出以下结论：