1作媚、Css概念
CSS 指層疊樣式表 (Cascading Style Sheets)(級聯(lián)樣式表)
Css是用來美化html標(biāo)簽的，相當(dāng)于頁面化妝补疑。
樣式表書寫位置
2、 選擇器
2.1寫法
選擇是一個選擇誰（標(biāo)簽）的過程
選擇器{屬性:值欣喧； 屬性:值;}
屬性 解釋
Width:20px; 寬
Height:20px; 高
Background-color:red; 背景顏色
font-size:24px; 文字大小
text-align:left | center| right 內(nèi)容的水平對齊方式
text-indent:2em; 首行縮進
Color:red; 文字顏色
2.2基礎(chǔ)選擇器
標(biāo)簽選擇器
標(biāo)簽{屬性：值；}
特點：標(biāo)簽選擇器定義之后梯找，會將頁面所有的元素都執(zhí)行這個標(biāo)簽樣式唆阿。
2.3顏色的顯示方式
1、直接寫顏色的名稱
2锈锤、十六進制顯示顏色
3驯鳖、0-9 a-f
4、#000000久免；前2為代表紅色浅辙，中間2為代表綠色，后2為代表藍色
5阎姥、rgb
6记舆、rgba A代表alpha 不透明度 值0-1.
2.4類選擇器
寫法
.自定義類名{屬性：值； 屬性：值呼巴；}
特點：誰調(diào)用泽腮，誰生效
一個標(biāo)簽可以調(diào)用多個類選擇器。
多個標(biāo)簽可以調(diào)用同一個類選擇器衣赶。
2.5類選擇器命名規(guī)則
◎不能用純數(shù)字或者數(shù)字開頭來定義類名
◎不能使用特殊符號或者特殊符號開頭（_）來定義類名
◎不建議使用漢字來定義類名
◎不推薦使用屬性或者屬性的值來定義類名
2.6ID選擇器
寫法
#自定義名稱{屬性：值诊赊；}
特點： 一個ID選擇器在一個頁面只能調(diào)用一次。如果使用2次或者2次以上府瞄，不符合w3c規(guī)范碧磅，JS調(diào)用會出問題。
一個標(biāo)簽只能調(diào)用一個ID選擇器摘能。
一個標(biāo)簽可以同時調(diào)用類選擇器和ID選擇器续崖。
2.7通配符選擇器
*{屬性：值；}
特點：給所有的標(biāo)簽都使用相同的樣式团搞。
★不推薦使用严望，增加瀏覽器和服務(wù)器負擔(dān)。
2.8復(fù)合選擇器
概念：兩個或者兩個以上的基礎(chǔ)選擇器通過不同的方式連接在一起逻恐。
2.9交集選擇器
標(biāo)簽+類（ID）選擇器{屬性：值像吻；}
特點：即要滿足使用了某個標(biāo)簽，還要滿足使用了類（id）選擇器复隆。
3拨匆、后代選擇器
選擇器+空格+選擇器{屬性：值；}
后代選擇器首選要滿足包含（嵌套）關(guān)系挽拂。
父集元素在前邊惭每，子集元素在后邊。
特點：無限制隔代。
只要能代表標(biāo)簽台腥，標(biāo)簽宏赘、類選擇器、ID選擇器自由組合黎侈。
3.1子代選擇器
選擇器>選擇器{屬性：值察署；}
選中直接下一代元素。
3.2并集選擇器
選擇器+峻汉，+選擇器+贴汪，選擇器{屬性：值；}
4休吠、文本元素
4.1屬性
font-size:16px; 文字大小
Font-weight: 700 ; 值從100-900扳埂，文字粗細，不推薦使用font-weight:bold;
Font-family:微軟雅黑; 文本的字體
Font-style: normal | italic; normal 默認值 italic 斜體
line-height: 行高
4.2文本屬性連寫
font: font-style font-weight font-size/line-height font-family
◆：注意：font:后邊寫屬性的值蛛碌。一定按照書寫順序聂喇。
文本屬性連寫文字大小和字體為必寫項辖源。
font:italic 700 16px/40px 微軟雅黑;
4.3文字的表達方式
◆直接寫中文名稱蔚携。
◆寫字體的英文名稱。
◆unicode 編碼
第一步：f12
第二步：找到console
第三步：輸入escape(“宋體”) 注意英文的括號和雙引號克饶。
5酝蜒、綜合案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
.box{
width:800px;
height:200px;
margin:0 auto;
}
.title{
text-align:center;
/*font-size:28px;
font-family:"微軟雅黑";
font-weight:normal;*/
font:normal 28px "微軟雅黑";
}
.sub_title{
text-align:center;
}
.sub_title .time{
color:#aabbcc;
font-size:14px;
}
.sub_title .nows_title{
color:#990000;
font-size:14px;
}
p{
text-indent:2em;
line-height:28px;
}
p span{
color:#3399cc;
}
input[type="button"]{
color: green;
font-weight:700;
}
input[type="text"]{
color:red;
font-size:12px;
}
</style>
</head>
<body>
<div class="box">
<h2 class="title">中乙隊賽前突然換帥仍勝毅騰 高原黑馬欲阻擊舜天</h2>
<div class="sub_title">
<span class="time">2014年07月16日20:11</span>
<span class="nows_title">新浪體育 評論中大獎（11人參與）</span>
<a href="#">收藏本文</a>
<input type="text" value="請輸入查詢條件">
<input type="button" value="搜索">
</div>
<hr>
<p>新浪體育訊 7月16日是燕京啤酒<span>[微博]</span>2014中國足協(xié)杯第三輪比賽，麗江嘉云昊隊主場迎戰(zhàn)哈爾濱毅騰隊的比賽日矾湃。然而就在比賽日中午亡脑，麗江嘉云昊隊主帥李虎和另外兩名成員悄然向俱樂部提出了辭呈，并且收拾行囊準(zhǔn)備離開邀跃。在這樣的情況下霉咨，麗江嘉云昊隊不得不由此前的教練員楊貴東代理指揮了本場比賽。</p>
<p>在昨日麗江嘉云昊隊主帥李虎就缺席了賽前的新聞發(fā)布會拍屑，當(dāng)時俱樂部給出的解釋是李虎由于身體欠佳途戒，去醫(yī)院接受治療。然而今日李虎出現(xiàn)在俱樂部時僵驰，向記者否認了這一說法喷斋，并且坦言已經(jīng)向俱樂部提出了辭呈。</p>
<p>據(jù)記者多方了解的情況蒜茴，李虎<span>[微博]</span>極其教練組近來在執(zhí)教成績上承受了不小的壓力星爪，在聯(lián)賽間歇期期間，教練組曾向俱樂部提出能夠多引進有實力的球員補強球隊粉私，然而由于和俱樂部在投入以及成績指標(biāo)上的分歧顽腾，李虎最終和教練組一起在比賽日辭職。</p>
<p>這樣的情況并沒有影響到麗江嘉云昊隊<span>[微博]</span>的隊員诺核，在比賽中麗江隊在主場拼的非常兇抄肖，在暴雨之中仍然發(fā)揮出了體能充沛的優(yōu)勢秒赤，最終憑借點球擊敗了中超球隊哈爾濱毅騰，順利晉級下一輪比賽憎瘸。<strong>根據(jù)中國足協(xié)杯的賽程入篮，麗江嘉云昊隊將在本月23日迎戰(zhàn)江蘇舜天隊。</strong></p>
</div>
</body>
</html>
