本文内容为教程，对此没有兴趣的朋友可以浏览其它文章。
本文主要内容：Css学习笔记：基础篇； 感谢：前沿科技！
如果您打算使用本文涉及到的教程，那么请您先浏览《本站公告》
否则请您离开本文或本站，如果您执意使用本教程请自行承担相关后果～！
谢谢合作～！
第一：使用css的好处
使站点页面载入的速度更快
降低页面下载的流量，比较适用于手机上网用户
使网站风格统一，降低制作成本
使html代码更加简捷，便于搜索引擎搜索
具有亲和力，全球越来越多的人在使用，增加职场竞争力
第二：学习的基础
具有html语言基础和使用 Dreamweaver的经验
具有一定的专研精神
第三：html和css的关系
css：层叠样式表的简称，设置网页样式的一种规范，使其具有良好的外观。
和html一样是国际w3c组织制定和发布的。
html：超文本语言，定义页面的内容和结构，使其保持清晰的结构和丰富的内容。
我们在html基础上使用css目的是为了将页面的内容和形式分离。
第四：html和xhtml的关系
相同点：都是定义网页内容和结构的
区别：定义的方法不同，xhtml相对于html在语法上更加严谨
这里我们重点需要知道的是xhtml和html在书写方式上的不同，
以下是xhtml书写时必须要注意的
1、标记名称必须全部是小写不能是大写
比如：<body><p>text</p></body>
2、属性名称必须是小写
比如：<img src="images/pic.jpr"/>
3、标记必须严格嵌套，不能交叉
比如： <p><b>darego</b></p>
4、标记必须封闭,标签都是成对出现的，有开始就必须有结束。
比如：<p>txxt</p><b>dare</b>
5、空元素的标记也必须是
比如：<br/><img src="images/pic.jpr"/>
6、属性值用双引号括起来
比如：<img src="images/pic.jpr"width="94px"/>
7、属性值必须用完整形式
比如：表单中的例子：<input disabled="true"/> 中的true值不能省略
8、区分“内容标记”和“结构标记”
比如：用于定义文字的<b>dsdds</b> 为内容标记；
用于定义结构的比如<table></table>；这两者不能混用和混嵌。
第五：网页文档类型
就是告诉浏览器我们这个页面使用的规范是什么，
便于浏览器依据我们的设定正确解析我们页面中的代码
目前我们常用的是：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
以上代码中的XHTML 1.0 Transitional
是告诉浏览器我们使用的是xhtml语言1.0版本的过渡类型。
第六：如何在html中引入css样式
1、行内式：直接定义在元素中，以元素的属性直接出现
比如：<h1 style="color:white;background-color:blue">darego</h1>
直接对darego这个页面元素进行定义
2、内嵌式：直接定义道页面的头部标签中用于对页面相关元素的定义
比如：对页面中使用h1标记的元素定义
<style type="text/css">
h1{
color:white;
background-color:red;
}
</style>
3、导入式：和单独的css文件建立关联用于对页面相关元素的定义。
先解析页面，在解析css样式
比如：
<style type="text/css">
@import"css/css.css";
</style>
4、链接式：和单独的css文件建立连接用于对页面相关元素的定义,
先解析css样式在解析页面。推荐使用。
比如：<link href="css/css.css" rel="stylesheet" type="text/css"/>
第七：基本css选择器
我们首先来看一个例子：标记选择器
h1{
color:white;
background-color:red;
}
注释：
h1：选择器名称（标记选择器、类别选择器、id选择器）
color：选择器属性
white：属性值
color:white;：声明，声明可以分为几个组
选择器分类：
标记选择器：由标记作为名称，凡是html中的标签都可以作为标记选择器。
类别选择器：名称为自定义。类别可以应用于不同的元素。
id选择器：名称为自定义。id只能应用于一个元素。
以下为四个典型实例：点击链接查看
基本选择器 / 复合选择器：交集 / 并集选择器 / 后代选择器
上一篇：DareGo's Blog'2008 - Never lose enthusiasm and courage!
跟过去干杯! 向未来举杯! 继续期待高山背后那无边的大海!
------------------------------------------------------------------