CSS樣式表與格式布局的示例分析-創(chuàng)新互聯(lián)

小編給大家分享一下CSS樣式表與格式布局的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、達(dá)坂城網(wǎng)站維護(hù)、網(wǎng)站推廣。

樣式表

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">

{ 樣式;}

</style>hei

外部樣式表：新建一個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 用，隔開表示兩個標(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針上-右-下-左

格式布局

鎖定位置（相對瀏覽器的位置即不管瀏覽器怎么滾動窗口相對瀏覽器位置不變） position:fixed;

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

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

分層：如果想要頁面上某一標(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)懸停在超鏈接時

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

以上是“CSS樣式表與格式布局的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：CSS樣式表與格式布局的示例分析-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://www.muchs.cn/article12/ddspdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、服務(wù)器托管、企業(yè)建站、做網(wǎng)站、網(wǎng)站策劃、手機(jī)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容