css核心基础（1）--知其所以然

使用CSS也不是第一天了，但是很多时候都是以一种实用的态度去对待。我也觉得CSS更应该是前台设计师要去学习的，但是我做网站很久以来，前台的美工都没有能配合做页面的。所以我也认了吧。既然是要做WEB这一行，那么有关WEB的技术，就不能不会。

一.XHTML与HTML的重要区别

1. 在XHTML中标记名称必须小写
2. 在XHTML中属性名称必须小写
3. 在XHTML中标记必须严格严格嵌套
4. 在XHTML中标记必须封闭
5. 在XHTML中，即使是空元素的标记也必须封闭
6. 在XHTML中属性值用双引号括起来
7. 在XHTML中属性值必须使用完整形式
8. 在XHTML中，应该区分“内容标记”与“结构标记” 
在我看来，xhtml就是以xml的标准写的html。明白xml的，就很自然的理解html。xml在现在和将来都是标准的趋势。所以xhtml应该是个很好的习惯。
 
二.在HTML中引入CSS的方法
 行内式
<h1  style="color:white;background-color:blue">
This is a line of Text.</h1>
 内嵌式
<style type="text/css">
h1{
color:white;
background-color:blue
}
</style>

导入式
<style type="text/css">
 @import"mystyle.css";
</style>

链接式
<link  href="mystyle.css"  rel="stylesheet"   type="text/css" />

导入式和链接式都是比较符合CSS复用的。但是导入式是在加载html后才加载的，而链接式在加载html之前就加载了。显示效果好一些。

三.选择器：

基本CSS选择器

标记选择器， 如：

div{……}

p{……}
类别选择器，如：

.main{……}
.left{……}
ID选择器，如：

#showname{……}

#searchbuttom{……}

选择器是CSS的核心。标记选择器一般是对一些html固有的标签如：<p><b><div><span><li><ul><tr><td>这样一些标签做样式的设定。而类别选择器和ID选择器多是对自订标签做样式设定。类别选择器是对多个对象的样式做设定。在对象中用class来调用。ID选择器则是对一个对象的样式做设定。在对象中用id来调用。ID选择器一般是在和JS有联结的时候用得比较多。

复合选择器：
1.“交集”选择器
  div.special {……}
  div#special {……}
2.“并集”选择器
  div,  h1.first, p.specia {……}
3.后代选择器
  div   h1.first   span.firstLetter{……}

以上是我在看了“CSS设计彻底研究”视频。整理，并以自己的理解和体会记录的

“CSS设计彻底研究”视频教程目录：

http://learning.artech.cn/20070430.css-reserch-content-table.html