樣式表

CSS（Cascading Style Sheets  層疊樣式表），作用是美化HTML網(wǎng)頁。

內(nèi)聯(lián)樣式表： 例：<p style="font-size:10px;">內(nèi)聯(lián)樣式表<p>

內(nèi)嵌樣式表：必須寫在head標(biāo)簽里  

例：<style type="text/css">

p

{ 樣式;}

</style>hei

外部樣式表：新建一個(gè)CSS文件用來放置樣式表 在HTML中 右鍵--CSS樣式--附加樣式表

例：<style type="text/css">

*

{ margin:0px; padding:0px;}   //網(wǎng)頁邊距為0像素 字體間距為0像素

.mian   //class選擇器         <div class="mian"></div>// 調(diào)用class樣式表

{

height:40px;

width:100px;

text-align:center;

background-coloe:red;

}

#mian//ID 選擇器         <div id="mian"></div>  //調(diào)用ID選擇器

{

height:40px;

width:100px;

text-align:center;

background-coloe:red;

}

</style>

復(fù)合選擇器：（1）P，span  用，隔開 表示兩個(gè)標(biāo)簽并列 具有同樣的樣式

（2）mian  P   用空格隔開 表示后代

（3）mian.p   用“.”隔開 表示mian標(biāo)簽中的p標(biāo)簽

樣式屬性中  例如：margin：20px 0px 20px 0px   表示邊框的寬度分別為上20像素  右0像素  下20像素  左0像素  順序?yàn)轫槙r(shí)針 上-右-下-左

格式布局

鎖定位置（相對(duì)瀏覽器的位置  即不管瀏覽器怎么滾動(dòng) 窗口相對(duì)瀏覽器位置不變）  position:fixed;

絕對(duì)位置與相對(duì)位置
（1）如果外層沒有absolute(或者relative) 那么div 相對(duì)瀏覽器定位 

（2）如果外層有absolute(relative) 那么div相對(duì)于外層邊框定位 position:absolut;(絕對(duì)位置)    position:relative;(相對(duì)位置)

分層：如果想要頁面上某一標(biāo)簽總是最上顯示 則需要設(shè)置z的值  如：z-index:2;  //z的值為2 則在上層顯示  不更改默認(rèn)為1 都在同一層

常見超鏈接style    定義是的順序?yàn)?nbsp; L --v--h--a

a:link        超鏈接被點(diǎn)擊之前狀態(tài)

a:visited   超鏈接點(diǎn)擊后狀態(tài)

a:hover    鼠標(biāo)懸停在超鏈接時(shí)

a:active    點(diǎn)擊超鏈接時(shí)

以上就是小編為大家?guī)淼腃SS樣式表與格式布局詳解全部內(nèi)容了，希望大家多多支持腳本之家~

原文地址：http://www.cnblogs.com/ouyangtangfeng99/p/5377983.html

最新評(píng)論