一、HTML+CSS網頁佈局基本屬性
在當前頁面中使用CSS樣式
<style type="text/css">
</style>
引入外部CSS樣式：
三種添加css樣式的方法有優先級，
優先級最高的是在標籤內部嵌套的屬<span style="color:blue">
優先級第二的是在本頁面中設置在head標籤裏面的css屬性
優先級第三的是外部引入的css文件
<link href="style.css" rel="stylesheet" type="text/css" />
標籤屬性：
爲標籤設置樣式：
可以在標籤裏面設置屬性樣式
<span style="color:blue">超酷的互聯網</span>
標籤名稱{
font-size:12px;
color:red/#fff;
text-align:center;
}
根據標籤的ID設置樣式：
#div{
font-size:44px;
background:#ccc;//設置背景色
}
根據標籤的class爲標籤設置屬性樣式：
.myp{
font-size:23px;
color:blue;
background:#cfcfcf;
font-weight:bold; 設置字體加粗
}
標籤
<span>：沒有語意，它的作用就是用來設置單獨的樣式
<em>和<strong>標籤的意義是用來強調
<q>引用文本爲文本自動添加雙引號
<ul>無序列表
<ol>有序列表
<caption>爲表哥添加標題,放在table標籤後面，tr標籤前面
target="_blank"在新窗口中打開網頁
a標籤發送郵件屬性：
<img>標籤：爲網頁中插入圖片
alt：指定圖片的描述性文本，當圖片不可見時（例如圖片下載失敗），可以看到該屬性
title：提供對可見圖片的描述，當鼠標滑過圖片的時候顯示該屬性
<form>標籤
屬性：method="傳送方式(數據傳輸的方式get/post)" actoin="服務器文件（用戶輸入的數據被傳送到一個地方，例如test.php）"
注意：
所有表單控件
{
文本框：<input>可以輸入，設置type屬性
文本域：<textarea>支持多行輸入,rows行數 cols列數 標籤之間可以輸入默認值
按鈕、
單選框、複選框：<input type="radio" value="2" name="gender-man" id="s"/>
radio表示單選框，checkbox表示複選框 ，同一組的單選框，name必須相同，纔可以實現單選效果
}
都必須放在form標籤之間，否則用戶輸入的信息則可能提交不到服務器
<select><option></option></select>下拉列表選項 selected="selected"---->表示哪個下拉的選項顯示
標籤子選擇器：
.food>li{border:1px solid red}
意思是在class爲food標籤中包裹的li標籤的屬性
標籤包含後代選擇器
.first (空格) span{color:red}
空格後代選擇器作用於所包含的所有子類，字標籤，後代，所有的包含的標籤都會應用這種屬性
通用選擇器
*{color:red} 作用與所有標籤的屬性
僞類選擇器
它允許給HTML不存在的標籤設置樣式，比如給HTML中一個標籤元素的鼠標滑過狀態來設置字體顏色等
a:hover{color:red;}
分組選擇符：
如果想給HTML中的多個標籤設置同一個樣式時，可以使用分組選擇符，例如：
h1,span{color:red} 標籤之間用逗號隔開
相當於
h1{
color:red
}
+
span{
color:red
}
css標籤樣式的繼承性：
css某些樣式是具有繼承性的，繼承是一種規則，它允許樣式不僅應用於某個特定HTML標籤元素，而且應用於其後代，例如：
某種顏色應用於P標籤，這個設置不僅應用於p標籤，還應用於p標籤中的所有子元素文本例如span標籤等;
css標籤樣式的特殊性：
p{color:red;} /*權值爲1*/
p span{color:green;} /*權值爲1+1=2*/
.warning{color:white;} /*權值爲10*/
p span.warning{color:purple;} /*權值爲1+1+10=12*/
#footer .note p{color:yellow;} /*權值爲100+10+1=111*/
注意：還有一個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1，所以可以理解爲繼承的權值最低。
css標籤的層疊性：
如果爲同一個標籤設置了多個樣式，後面的樣式給覆蓋前面設置的屬性;
css標籤樣式的重要性：
在做網頁時候，如果需要爲有些樣式設置最高權值我們可以用 !important 來實現,例如：
p{color:red!important;}
p{color:green;}
<p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩。</p>
此時標籤的顏色會是紅色。
css設置字體樣式：
font-family:"Microsoft Yahei"; 設置字體爲微軟雅黑
font-family:設置字體；
font-size:字體大小；
font-weight:bold：設置爲粗體樣式；
font-style:italic：設置爲斜體樣式；
text-decoration:underline：文字設置下劃線；
text-decoration:line-through：刪除線；
text-indent:2em：縮進；（注意：2em的意思就是文字的2倍大小。）
line-height:2em：行高；
word-spacing:50px：單詞間距；
letter-spacing:20px:字母間距；
text-align:center：水平居中對齊；
border的樣式{
dashed（虛線）| dotted（點線）| solid（實線）
}
例如：
p{
border:2px dotted #ccc;
}
css中的樣式編寫
.div>i{
}
大於號表示div中的i的樣式，加了大於號表示它裏面的直接的子元素，如果有其他的嵌套的<i>則不會起作用
但是如果沒加大於號，相當於子元素，裏面有多少個<i>都會設置同樣的屬性
百度地圖去掉左下角標誌：
.anchorBL{display:none;}