css
一、基础理解
1.web标准：
web标准不是某一个标准，而是由w3c和其他标准化组织制定的一系列标准的集合。包含我们所熟悉的HTML、XHTML、JavaScript、以及css等。
2.web标准的目的：
在于创建一个统一的用于web表现层的技术标准，以便于通过不同浏览器或终端设备向最终户展示信息内容。（将内容与样式分离）
采用标准的好处：
1）提高页面浏览速度。使用css方法，比传统的web设计方法至少节约50%以上的文件尺寸。
2）缩短改版时间，将表现（样式、外观）与内容（信息、数据）相分离。只要简单的修改几个css文件就可以重新设计一个有成千上万页面的站点。
3）降低网站流量的费用。带宽要求降低（代码更简洁），成本降低。
4）更容易被搜寻引擎搜索到。提高网站在百度或Google中的排名。
5）内容能被更广泛的设备所访问。包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等。
3.web标准的构成：
1）web标准主要由三部分组成：结构（structure），表现（presentation）和行为（behavior）。
2）结构标准对应的主要语言是XHTML。
3）表现标准对应的主要语言是css。
4）行为标准对应的主要语言是JavaScript。
5）制作成一个静态页面，主要用到的就是XHTML与css，所以制作标准页面的而技术就是XHTML—+css。
4.理解表现和结构分离
1）web标准的好处之一是“理解表现内容和内容分离”
2）内容：就是制作者放在页面内真正想要让访问者浏览的信息。
结构：使内容更加具有逻辑性和易用性
表现：用于修饰内容的外观的样式的东西成为表现。
行为：对内容的交互及操作效果，如通过JavaScript判断表单提交等。
***使用JavaScript行为化内容，如果使用程序控制网页中的某些内容，为了便于区分，给内容加一个唯一的标识符，我们称为ID。给主题加一个ID=main
5.css简介
1）概念：css是Cascading Style Sheets（层叠样式表）的简称。更多的人把它称作样式表。顾名思义，他是一种设计网页样式的工具。借助css的强大功能，网页将在你丰富的想象力下千变万化。实际上css的代码都是由一些最基本的语句构成的。css可以作为HTML，XHTML，xml的样式控制语言。
2）css语法结构
a： 选择符{属性：值} 例如：body{font-size：12px；}
b: 参数说明：
选择符（selector)：指明这组样式所要针对的对象，可以是一个XHTML标签，如 body，h1:；也可以是定义了特定的id或者class的标签，如 #main选择符表示选择<div id=“main”>，即一个被指定了main为id的对象。
属性（proprety）：选择符的样式属性，如颜色、大小、定位、浮动方式等。
值（value）：是指属性的值。
同时可以为一个选择符定义多个属性，每个属性之间用分号“”分隔。
3）css定义技巧：
【1】为了将来的css代码优化，建议所有的属性值后面都要带上“;”
【2】某些xhtml标签，有自己默认的css属性值。
例如：h1标签就有自己的属性值，自动就是加粗显示，字号比较大。
【3】为了兼容主流浏览器，为统一，建议我们在设置是，将所有元素的css元素的属性重置为标准的。
【4】不同的浏览器，有各自不同的css属性值-----要命的就是浏览器的兼容。
【5】就一个比较特殊的字体想用要怎么办？ ------将其转化为图片。
分中英文字体。设置字体的顺序：将英文字体设置在前，中文在后。
【6】我们使用95%的css，都是最常用的属性。
【7】想让文字在垂直方向上居中，将行高设置为元素的高度、行高=元素高度
*****前提：文字的内容不能超过元素的宽度，也就是不能换行
【8】css可以重新设置xhtml标签的默认样式。
4）css控制字体：
功能 语法
设置字号 font-size：12px
设置字色 color：#00000
设置字体 font-family：Arial，‘宋体’
设置行高 line-height：150%== line-height：1.5em
设置字体的粗细 font-weight：normal[正常]bold[粗体]
5）css长度单位
相对长度单位 说明
em 相对于当前对象内文本的字体尺寸
px 像素推荐使用
绝对长度单位 说明---基本上用不到
in 英寸
cm 厘米
mm 毫米
pt 点（point）
6）css颜色单位
颜色单位 说明
十六进制 eg：color：#ff0000
颜色名称 eg：color：red
三原色单位 eg：rgb（255,0,0）
一般最常用的是十六进制，三原色单位的原理【红，绿，蓝】混合而成。每个值域在0-255之间。
css字体的使用注意事项：要尽量使用通用字体，用大家电脑上都有的字体。
7）css在网页中的应用方式
网页中加css的方式有四种：
a.内联式样表：直接写在现有的标记中，eg：<p style="color:red">这里写的文字是红色的</p>
b.嵌入式样式表：使用"<style></style>"标签嵌入到HTML文件的头部中<head>标记内。eg：
<style type="text/css">
<!--
body{background:white;color:black;}
-->
</style>
<！---->用于当浏览器不支持样式表时，不会将样式表内容显示出来。
c.外部链接式“样式表”：将样式表写在一个独立的.css文件中，然后在页面head区<head>标记内用<link>标签调用它，主要用于实现表现与结构分离。eg：<link href="main.css" rel="stylesheet" type="text/css" />
d.导入式“样式表”：导入式样式表与链接式样式的功能基本相同，只是语法和动作方式上略有不同，同样也是将导入样式代码写在<had>标记内。
语法：
<style type="text/css">
@import url("basic.css");
</style>
