定義和用法
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:主機(jī)域名、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、安新網(wǎng)站維護(hù)、網(wǎng)站推廣。
display 屬性規(guī)定元素應(yīng)該生成的框的類型。
說明
這個屬性用于定義建立布局時元素生成的顯示框類型。對于 HTML 等文檔類型,如果使用 display 不謹(jǐn)慎會很危險,因?yàn)榭赡苓`反 HTML 中已經(jīng)定義的顯示層次結(jié)構(gòu)。對于 XML,由于 XML 沒有內(nèi)置的這種層次結(jié)構(gòu),所有 display 是絕對必要的。
注釋:CSS2 中有值 compact 和 marker,不過由于缺乏廣泛的支持,已經(jīng)從 CSS2.1 中去除了。
默認(rèn)值: inline
繼承性: no
版本: CSS1
JavaScript 語法: object.style.display="inline"
實(shí)例
使段落生出行內(nèi)框:
p.inline
{
display:inline;
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 display 屬性。
注釋:任何版本的 Internet Explorer (包括 IE8)都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 屬性值。
可能的值
值 描述
none 此元素不會被顯示。
block 此元素將顯示為塊級元素,此元素前后會帶有換行符。
inline 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符。
inline-block 行內(nèi)塊元素。(CSS2.1 新增的值)
list-item 此元素會作為列表顯示。
run-in 此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示。
compact CSS 中有值 compact,不過由于缺乏廣泛支持,已經(jīng)從 CSS2.1 中刪除。
marker CSS 中有值 marker,不過由于缺乏廣泛支持,已經(jīng)從 CSS2.1 中刪除。
table 此元素會作為塊級表格來顯示(類似 table),表格前后帶有換行符。
inline-table 此元素會作為內(nèi)聯(lián)表格來顯示(類似 table),表格前后沒有換行符。
table-row-group 此元素會作為一個或多個行的分組來顯示(類似 tbody)。
table-header-group 此元素會作為一個或多個行的分組來顯示(類似 thead)。
table-footer-group 此元素會作為一個或多個行的分組來顯示(類似 tfoot)。
table-row 此元素會作為一個表格行顯示(類似 tr)。
table-column-group 此元素會作為一個或多個列的分組來顯示(類似 colgroup)。
table-column 此元素會作為一個單元格列顯示(類似 col)
table-cell 此元素會作為一個表格單元格顯示(類似 td 和 th)
table-caption 此元素會作為一個表格標(biāo)題顯示(類似 caption)
建立外部樣式表很簡單,就在html的head里寫
link rel="stylesheet" type="text/css" href="css文件路徑"
至于你上邊說的一大堆css里具體內(nèi)容,建議你去w3school上學(xué)一下css,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)站使用的方法,因?yàn)槠湟敕奖悖芾砥饋硪脖容^方便:
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樣式表的制作方法:
當(dāng)前名稱:css的外部樣式表,css的外部樣式表有哪些
轉(zhuǎn)載注明:http://m.newbst.com/article10/dssejdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、App開發(fā)、移動網(wǎng)站建設(shè)、云服務(wù)器、搜索引擎優(yōu)化、網(wǎng)站維護(hù)
聲明:本網(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)