css樣式分三種，內(nèi)部樣式，內(nèi)聯(lián)樣式和外部樣式。外部樣式，顧名思義，也就是通過link /引入的css樣式文件，而內(nèi)部樣式呢，主要是放在style/style中的樣式，而內(nèi)聯(lián)樣式，就是直接嵌入標(biāo)簽的，充當(dāng)標(biāo)簽的一個屬性，使用style='這里寫樣式' 來實現(xiàn)。
創(chuàng)新互聯(lián)建站服務(wù)項目包括左權(quán)網(wǎng)站建設(shè)、左權(quán)網(wǎng)站制作、左權(quán)網(wǎng)頁制作以及左權(quán)網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，左權(quán)網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到左權(quán)省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
他們的優(yōu)先級是內(nèi)聯(lián)樣式的優(yōu)先級最高，其次判斷內(nèi)部和外部樣式的優(yōu)先級得看它們在html中出現(xiàn)的位置，一般來說，越靠后的優(yōu)先級也就越高。
css是英文Cascading Style Sheets的縮寫。
它是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機語言。
它包含3種類型，內(nèi)部樣式，行內(nèi)樣式和外部樣式表三種
作用的效果是按順序從下到上，相同樣式下面的會覆蓋原有樣式，除特殊情況外，一般都是行內(nèi)樣式內(nèi)部樣式外部樣式。
以div為例
行內(nèi)樣式寫法：
在style里面寫樣式
div style="height:30px; background:#f00;"/div
內(nèi)部樣式：
在head標(biāo)簽內(nèi)加入style標(biāo)簽，在標(biāo)簽內(nèi)寫樣式：
style
div{height:30px; background:#f00;}
/style
外部樣式是建立一個新文件后綴名為.css
舉個例子：
建立style.css文件放在項目根目錄下：
在里面寫入
div{height:30px; background:#f00;}
然后保存，在html的head標(biāo)簽內(nèi)調(diào)用樣式
link rel="stylesheet" type="text/css" href="style.css" /
1、創(chuàng)建使用css樣式表有三種，分別是外部樣式表，內(nèi)部樣式表和內(nèi)聯(lián)樣式。下面通過一個小demo演示它們的用法，首先新建一個html文件，放入3個button按鈕，給前兩個按鈕分別設(shè)置class屬性為btn1和btn2：
2、接著準(zhǔn)備一個css文件，命名為demo.css，在文件內(nèi)寫入按鈕A的樣式，保存css文件：
3、回到剛才的html文件，在style標(biāo)簽中用link標(biāo)簽引入上一步創(chuàng)建的css文件，這就是外聯(lián)樣式的用法，總結(jié)就是創(chuàng)建好的css文件內(nèi)寫好樣式，然后在html文件中用link標(biāo)簽引入即可，這也是大部分網(wǎng)站使用的方法，因為其引入方便，管理起來也比較方便：
4、接著是內(nèi)部樣式表的使用，這里直接在head標(biāo)簽里創(chuàng)建style標(biāo)簽，在里面加入btn2的樣式。對于內(nèi)部樣式表簡單的html文件，內(nèi)部樣式是很方便的，但是結(jié)構(gòu)復(fù)雜的html文件使用它就會讓文件顯得很混亂：
5、最后是內(nèi)聯(lián)樣式的使用，直接在第三個標(biāo)簽內(nèi)使用style屬性加入樣式就可以了：
6、最后保存html文件，打開瀏覽器可以看到三個按鈕的樣式都出現(xiàn)了。以上就是css樣式表的制作方法：
內(nèi)聯(lián)樣式就是放在html頁面內(nèi)部的樣式表:
style?type="text/css"
.test?{?color:red?}
/style
外聯(lián)就是與html頁面分離的外部樣式表:
link?rel="stylesheet"?type="text/css"?href="../css/test.css"?/
從執(zhí)行速度來講，內(nèi)聯(lián)樣式是最快的!
外聯(lián)式樣式（屬于外部樣式表）。
特征：
1、有一個單獨的CSS文件存在！[如：001.css]
2、通過【格式】→【樣式表連接】與CSS文件[001.css]建立連接！
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！
如：link href="001.css" type="text/css" rel="Stylesheet"/。
嵌入式樣式（屬于內(nèi)部樣式表）。
特征：
1、樣式的屬性內(nèi)容以代碼的形式[放在 ]寫在網(wǎng)頁代碼中！
2、通過【格式】→【樣式】設(shè)置樣式的屬性內(nèi)容！
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！
如： style type="text/css"
.main{ width:1002px; margin:0 auto;}
/style
內(nèi)聯(lián)式樣式（屬于內(nèi)部樣式表）。
特征：
1、樣式的屬性內(nèi)容直接跟在將要修飾的文字標(biāo)記里。
2、具體格式： style="font-size:10px;font-color:#ff0000"。
例如：修飾單元格里的文字。
擴展資料：
CSS語言特點：
CSS為HTML標(biāo)記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計領(lǐng)域是一個突破。利用它可以實現(xiàn)修改一個小的樣式更新與之相關(guān)的所有頁面元素。
總體來說，CSS具有以下特點：
豐富的樣式定義：
CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
易于使用和修改：
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進行統(tǒng)一管理。
另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應(yīng)用到所有同名的HTML標(biāo)簽中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進行修改。
多頁面應(yīng)用：
CSS樣式表可以單獨存放在一個CSS文件中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實現(xiàn)多個頁面風(fēng)格的統(tǒng)一。
層疊：
簡單的說，層疊就是對一個元素多次設(shè)置同一個樣式，這將使用最后一次設(shè)置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式。
就可以針對這些樣式單獨定義一個樣式表應(yīng)用到頁面中。這些后來定義的樣式將對前面的樣式設(shè)置進行重寫，在瀏覽器中看到的將是最后面設(shè)置的樣式效果。
頁面壓縮：
在使用HTML定義頁面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會產(chǎn)生大量的HTML標(biāo)簽，從而使頁面文件的大小增加。
而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的復(fù)用更大程度的縮減了頁面的體積，減少下載的時間。
參考資料來源：百度百科-css
CSS position 屬性
通過使用 position 屬性，我們可以選擇 4 種不同類型的定位，這會影響元素框生成的方式。
position 屬性值的含義：
static
元素框正常生成。塊級元素生成一個矩形框，作為文檔流的一部分，行內(nèi)元素則會創(chuàng)建一個或多個行框，置于其父元素中。
relative
元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所占的空間仍保留。
absolute
元素框從文檔流完全刪除，并相對于其包含塊定位。包含塊可能是文檔中的另一個元素或者是初始包含塊。元素原先在正常文檔流中所占的空間會關(guān)閉，就好像元素原來不存在一樣。元素定位后生成一個塊級框，而不論原來它在正常流中生成何種類型的框。
fixed
元素框的表現(xiàn)類似于將 position 設(shè)置為 absolute，不過其包含塊是視窗本身。
提示：相對定位實際上被看作普通流定位模型的一部分，因為元素的位置相對于它在普通流中的位置。
重慶分公司
重慶分公司
