在寫正文之前，先雞湯一下我久旱的心靈。前幾日，前位突然問我，你為什么來學IT？沒想到，這個很簡單的答案，此刻我竟然懵逼了。此刻，我頭腦里閃過百種光線，為了生存、夢想、個人發展、金錢、美女、養家糊口、飛黃騰達……在這個萬惡的社會，我也是精神上邪惡了一把，好不爽的說。最后我回答：“稀里糊塗的來了。。”是么？是的，前半生過得也是不清不楚，稀里糊塗的，從沒想過走程序員的路，就這么風風火火的來了。我接着問他，你呢？家培兄用很和藹的笑容告訴我說：“怎么能說稀里糊塗呢，我當然是因為喜歡了。“
哐當，猶如一道閃電撲向我眼睛，喜歡。多么好的字眼，多么清澈的回答。為什么我不敢面對自己的心呢，我來學習，是一種緣分。既來之，那么我要學的是一種獨立分析問題解決問題的能力，此為邏輯。
～扯遠了，進入正題------------
樣式表-------優化網頁，控制html的樣式。
有三類：
1、內聯樣式表
寫在body中，<p stytle="font-size;16px"></p>
2、內嵌樣式表
寫在head里，作為一獨立區域控制作用
<style type="text/css">
p //格式對所有p標簽起作用
{
樣式；
}
</style>
3、外部樣式表
新建一個CSS文件，在html文件中調用它
HTML文件中點右鍵→CSS樣式表→附加樣式表
<link href="Untitled-2.css" rel="stylesheet" type="text/css" />
調用方法借用選擇器。
選擇器---用於內嵌樣式表和外部樣式表
* /*針對所有標簽起作用，去除所有邊距和間距*/
{
margin:0px;
padding:0px;}
------------------------------一般寫樣式表代碼的時候都先寫這句代碼，去除默認邊距和避免瀏覽器不識別
1.標簽選擇器。用標簽名做選擇器。
<style type="text/css">
p/*針對於所有的p標簽起作用*/
{
background-color:#C3C;
font-size:24px;}
</style>
2.class選擇器。都是以“.”開頭。
.main/*以.開頭，需要使用class引用*/
{
background-color:#FF3;
font-size:36px;}
調用class樣式，一個頁面可調用多次
<div class="main">我有一個家</div>
<div class="main">一個不需要</div>
<div class="main">多大的地方</div>
3.id選擇器。以“#”開頭。
#qq
{
margin-top:300px;
background-image:url(n0.jpg);
background-size:cover;
color:#F00;
font-size:36px;
height:300px;
width:600px;}
id的調用，<div id="qq">啦啦啦</id>,一個頁面只可調用一次
4.復合選擇器
（1）用“，”隔開，表示並列。
p,span /*p和span有相同的樣式*/
{
background-color:#C03
}
（2）用空格隔開，表示后代。
css: .main
{
background-color:#FF3;
font-size:36px;}
.main p
{
color:#0F0;}----------在html中找到使用樣式main的標簽，再在該標簽中找到P標簽。
html: <span class="main">123<p>4567</p>89</span>
（3）篩選“.”
p.pp--------在標簽P中的class="pp"標簽，執行下列樣式
{
background-color:#0F6;
font-size:36px;}
<p class="pp">4567</p>
鏈接的style：
a:link 超鏈接被點前狀態
a:visited 超鏈接點擊后狀態
a:hover 懸停在超鏈接時
a:active 點擊超鏈接時
在定義這些狀態時，有一個順序l v h a
實例（使用外部樣式表）
CSS文件：
a:link
{
text-decoration:none;
color:#000;}
a:visited
{
text-decoration:none;
color:#000;}
a:hover
{
text-decoration:underline;
color:red;}
a:active
{
text-decoration:underline;
color:#FC0;}
html文件：
<head>
<link href="Untitled-2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="http://www.baidu.com" target="_blank" style="b">百度一下</a>
</body>