年後，到現在都沒有寫點啥，主要是假期結束回到公司，就是項目了。今天在測試，我呢就偷點閒，把之前看過的XHTML總結一下，比較基礎的，各位大俠表笑話撒，有問題請指正
一 css含義
CSS：
•CascadingStyle Sheet
•層疊樣式表.
層疊嘛，就代表相同的代碼，當給他穿上不同的“外衣”時，user看到的是不一樣視覺效果。
•瀏覽器層疊優先級
瀏覽器缺省設置 <瀏覽者自定義樣式< 開發者定義樣式
如果你只寫HTML代碼，並沒有寫任何的CSS樣式。在瀏覽器打開文件，這是你會看到，代碼以一定的樣式展示出來。這就是瀏覽器缺省設置。
二CSS加載方式
1 selector {property：value; property:value;}
比如：
例子：以鏈接爲例
div ←Span ←#id .←className 【start】
4 樣式繼承
之前我認爲是“就近原則”，即，樣式以最近的爲準覆蓋。
其實這裏應用到了【選擇器優先級】
層疊嘛，就代表相同的代碼，當給他穿上不同的“外衣”時，user看到的是不一樣視覺效果。
•瀏覽器層疊優先級
瀏覽器缺省設置 <瀏覽者自定義樣式< 開發者定義樣式
如果你只寫HTML代碼，並沒有寫任何的CSS樣式。在瀏覽器打開文件，這是你會看到，代碼以一定的樣式展示出來。這就是瀏覽器缺省設置。
二CSS加載方式
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CSSDemo.aspx.cs" Inherits="CSSDemo" %>
<!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" >
<head runat="server">
<title>Untitled Page</title>
<link href="../jQuery_JQueryCore/CSSDome1.css" rel="stylesheet" type="text/css" />
<%-- 先將樣式寫在style裏面，用class屬性將元素和樣式聯繫起來。內部樣式表--%>
<style>
.demo{
color:red;
font-size:30px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<p style="color:Red; font-size:30px;">CSS Demo</p> <%--這樣講css和html混合在一起 ，不好維護。分離開--%>
<p class="demo">CSS Demo1</p>
</div>
</form>
</body>
</html>
•在<head>元素中使用"style"元素來指定
•使用CSS"@import"標記來導入樣式表單
•在<body>內部的元素中使用"style"屬性來定義樣式
三CSS語法1 selector {property：value; property:value;}
比如：
p {color:Red; font-size:30px;}•元素（標籤）選擇器 Span
•類選擇器 .classname
•id選擇器 #id
•全局選擇器 *
•繼承（後代）選擇器 div h1
•選擇器分組 h1,h2
•僞類選擇器 :hover
•CSS 屬性選擇器 input[type=“button”]
這裏說明一下僞類選擇器，因爲僞類這個我當時不知道是什麼。例子：以鏈接爲例
a { color: blue; } /* 未訪問的鏈接*/
a:link { color: blue; } /* 未訪問的鏈接*/
a:visited { color: purple; } /* 已訪問的鏈接*/
a:hover { color: red; } /* 鼠標懸停在鏈接上*/
a:active { color: yellow; } /* 鼠標點擊鏈接時*/
div ←Span ←#id .←className 【start】
4 樣式繼承
•文本樣式相關的屬性會繼承
•列表樣式相關屬性會繼承
•顏色屬性會繼承
如果對同一句html，做了多個樣式，在瀏覽器中該展示哪一個樣式呢？之前我認爲是“就近原則”，即，樣式以最近的爲準覆蓋。
其實這裏應用到了【選擇器優先級】
•elementstyle > #d > .className > div
1000 100 10 1