HTML|基礎篇（二）
<a>標籤基礎的擴展
<a>超鏈接標籤默認藍色帶下劃線樣式 設置不帶下劃線樣式
//鼠標沒有放上去的樣式，不帶下劃線
<a>超鏈接標籤默認藍色帶下劃線樣式 設置不帶下劃線樣式
//鼠標沒有放上去的樣式，不帶下劃線
a:link{
text-decoration:none;
}
a:hover{
color:red;
} 通過<a>標籤跳到自身頁面的某個內容點,引用id跳到
<a href="#content"></a>
.......
<a id="content"></a>
<a href="#content"></a>
.......
<a id="content"></a>
<a>超鏈接不僅可以設置文本鏈接，也可是設置圖片鏈接
<a>超鏈接跳轉窗口的五種方式，
設置target屬性與值默認值_self
一、在本窗口自身的框架集打開， target="_self"
二、在新的窗口打開； _blank
三、在父類的框架集中打開 _parent
四、在整個窗口打開 _top
設置target屬性與值默認值_self
一、在本窗口自身的框架集打開， target="_self"
二、在新的窗口打開； _blank
三、在父類的框架集中打開 _parent
四、在整個窗口打開 _top
<a href="www.baidu.com" target="_top"></a>五、framename 指定框架集打開
發送電子郵件
<a href="mailto:郵件地址？subject=郵件主體&body=郵件的主體內容" rel="nofollow"></a>
抄送：cc ，密送： bcc
<a href="mailto:郵件地址？cc=抄的電子郵件地址" rel="nofollow"></a>
<a href="mailto:郵件地址？subject=郵件主體&body=郵件的主體內容" rel="nofollow"></a>
抄送：cc ，密送： bcc
<a href="mailto:郵件地址？cc=抄的電子郵件地址" rel="nofollow"></a>
html樣式CSS
CSS的簡單介紹
CSS的簡單介紹
CSS ： 指層疊樣式表，語法 : 選擇器 聲明 屬性 屬性值 分號結束 ，多個屬性之間分號分開
例:body{
color:red;
text-anlign:center;
}
CSS可以定義在html文檔的頭部head內；也可以定義在行內樣式，
當你需要定義大量的CSS樣式時通過前端資源模塊的打包工具打包成CSS文件然後link引用,定義在html頭部head
例:body{
color:red;
text-anlign:center;
}
CSS可以定義在html文檔的頭部head內；也可以定義在行內樣式，
當你需要定義大量的CSS樣式時通過前端資源模塊的打包工具打包成CSS文件然後link引用,定義在html頭部head
插入CSS樣式的三種方式：內部樣式，行內樣式，外部樣式
頭部定義即內部樣式
<head>
<style>
body{
color:red;
text-anlign
}
</style>
</head>
行內定義
<body style="color:red; text-align:center;"></body>
外部引用樣式
<link rel="stylesheet" type="text/css" href=".../外部CSS樣式的路徑/myCss.css">
<head>
<style>
body{
color:red;
text-anlign
}
</style>
</head>
行內定義
<body style="color:red; text-align:center;"></body>
外部引用樣式
<link rel="stylesheet" type="text/css" href=".../外部CSS樣式的路徑/myCss.css">
CSS常用的選擇器：
id選擇器： #id名{屬性：值;...} 例： #div{color:red; } <div id="div">內容.....<div> id名不要以數字開頭，數字開頭的id在某些瀏覽器不支持
類選擇器: .類名{屬性：值;...} 例： .class{color:red; } <div class="class">內容.....<div> 類名也不要以數字開頭
元素選擇器: 元素名{屬性：值;...} 例： p{color:red;} 所有的p段落標籤的文本變成紅色
通配選擇器： *{屬性：值;...}
id選擇器： #id名{屬性：值;...} 例： #div{color:red; } <div id="div">內容.....<div> id名不要以數字開頭，數字開頭的id在某些瀏覽器不支持
類選擇器: .類名{屬性：值;...} 例： .class{color:red; } <div class="class">內容.....<div> 類名也不要以數字開頭
元素選擇器: 元素名{屬性：值;...} 例： p{color:red;} 所有的p段落標籤的文本變成紅色
通配選擇器： *{屬性：值;...}
<style>
*{
margin: 0;
padding: 0;
}
body{
text-align: center;
}
#div{
color: red;
}
</style> 組合寫法
子集選擇器: #div>p{屬性：值;...} 例: #div>p{color:red; } <div id="div"><p>內容.....</p><div>
同胞選擇器：h1+p{屬性：值}
關聯選擇器：兩個以上的選擇器組合，優先級等於權重之和
羣組選擇器：相當於屬性相同的選擇器並列寫在一起
不常見選擇器：僞選擇器
子集選擇器: #div>p{屬性：值;...} 例: #div>p{color:red; } <div id="div"><p>內容.....</p><div>
同胞選擇器：h1+p{屬性：值}
關聯選擇器：兩個以上的選擇器組合，優先級等於權重之和
羣組選擇器：相當於屬性相同的選擇器並列寫在一起
不常見選擇器：僞選擇器
權重標籤： html文檔中用來突出關鍵字或主題的標籤，例<strong><b><em><i><h1>--<h6><ins><del><u>等
CSS中權重的計算與比較
第一步比較: id class html 選擇器的數量
第二步： 如果權重一樣，後面出現的會覆蓋前面的
第三步： 看選擇器是否選中目標元素，如果沒有選中則權重爲0
第四步：如果都沒有選擇目標元素，則誰近就聽誰
第一步比較: id class html 選擇器的數量
第二步： 如果權重一樣，後面出現的會覆蓋前面的
第三步： 看選擇器是否選中目標元素，如果沒有選中則權重爲0
第四步：如果都沒有選擇目標元素，則誰近就聽誰
