CSS的部分常用屬性整理
發(fā)布時(shí)間：2013-06-24 17:44:14 作者：佚名 
我要評(píng)論
我要評(píng)論在網(wǎng)頁布局中會(huì)經(jīng)常用到一些css屬性，比如：CSS背景、CSS文本、CSS字體、CSS列表、CSS表格、CSS邊框等常用屬性，本文整理了一些，感興趣的朋友可以參考下哈
CSS背景:
background:#00ffee; //設(shè)置背景顏色
background-image:url(*.jpg); //設(shè)置背景圖片
background-repeat:repeat-x; //設(shè)置背景圖片重復(fù)
background-attachment:fixed; //設(shè)置背景不隨文字滾動(dòng)
CSS文本:
text-indent: 5em; //設(shè)置文本縮進(jìn)
text-transform:uppercase/lowercase/capitalize; //設(shè)置文本轉(zhuǎn)換大小寫
text-decoration:none/underline/overline/line-through/blink; //設(shè)置文本裝飾
white-space:normal/pre; //處理空白符
color:#eeffee; //設(shè)置文本顏色
line-height:30px; //設(shè)置行高
CSS字體:
font-family: Georgia; //指定字體系列
font-style: normal/italic/oblique //指定文本正常/斜體/傾斜顯示
font-weight: normal/bold/900; //指定文本的粗細(xì)
font-size: 16px/em; //指定文本的大小
font-variant: small-caps; //指定小型大寫字母
CSS列表:
list-style-type:/decimal --有序列表
/decimal-leading-zero
/lower-roman
/upper-roman
/lower-alpha
/upper-alpha
/disc --無序列表
/circle
/squre
/decimal
CSS表格:
border-collapse: collapse; //設(shè)定表格塌陷
border: 1px solid black; //設(shè)定表格邊緣
width: 100%; //設(shè)定表格寬度
height: 50px; //設(shè)定表格高度
text-align:right; //設(shè)定表格中文本的對(duì)齊方式
vertical-align:bottom //設(shè)定表格垂直對(duì)齊方式
padding:15px; //設(shè)定表格內(nèi)邊距
color:white; //設(shè)定表格中字體顏色
background-color:green; //設(shè)定表格背景顏色
CSS邊框:
outline: #00ff00 dotted thick; //設(shè)定輪廓顏色/樣式/寬度
border: blue solid thin; //設(shè)定輪廓
background:#00ffee; //設(shè)置背景顏色
background-image:url(*.jpg); //設(shè)置背景圖片
background-repeat:repeat-x; //設(shè)置背景圖片重復(fù)
background-attachment:fixed; //設(shè)置背景不隨文字滾動(dòng)
CSS文本:
text-indent: 5em; //設(shè)置文本縮進(jìn)
text-transform:uppercase/lowercase/capitalize; //設(shè)置文本轉(zhuǎn)換大小寫
text-decoration:none/underline/overline/line-through/blink; //設(shè)置文本裝飾
white-space:normal/pre; //處理空白符
color:#eeffee; //設(shè)置文本顏色
line-height:30px; //設(shè)置行高
CSS字體:
font-family: Georgia; //指定字體系列
font-style: normal/italic/oblique //指定文本正常/斜體/傾斜顯示
font-weight: normal/bold/900; //指定文本的粗細(xì)
font-size: 16px/em; //指定文本的大小
font-variant: small-caps; //指定小型大寫字母
CSS列表:
list-style-type:/decimal --有序列表
/decimal-leading-zero
/lower-roman
/upper-roman
/lower-alpha
/upper-alpha
/disc --無序列表
/circle
/squre
/decimal
CSS表格:
border-collapse: collapse; //設(shè)定表格塌陷
border: 1px solid black; //設(shè)定表格邊緣
width: 100%; //設(shè)定表格寬度
height: 50px; //設(shè)定表格高度
text-align:right; //設(shè)定表格中文本的對(duì)齊方式
vertical-align:bottom //設(shè)定表格垂直對(duì)齊方式
padding:15px; //設(shè)定表格內(nèi)邊距
color:white; //設(shè)定表格中字體顏色
background-color:green; //設(shè)定表格背景顏色
CSS邊框:
outline: #00ff00 dotted thick; //設(shè)定輪廓顏色/樣式/寬度
border: blue solid thin; //設(shè)定輪廓
相關(guān)文章
- table表格屬性在使用過程中很常見，本文整理了一些常用屬性，在此與大家分享下，希望對(duì)大家有所幫助2013-08-20
- 在div+css布局中經(jīng)常被用到的就是div了，幾乎所有的css屬性都可以用到它的身上，本文整理了一些在頁面布局中常用的屬性的使用示例，有想學(xué)習(xí)css布局的朋友可以參考下2013-07-30
- 框架是網(wǎng)頁畫面分成幾個(gè)框窗同時(shí)取得多個(gè)src的地址，F(xiàn)RAMESET是用來劃分框窗，每一窗框由一個(gè)FRAME標(biāo)記所標(biāo)示，F(xiàn)RAME必須在FRAMESET范圍中使用，本文整理了一些frameset常2013-06-28
DHTML 對(duì)象(各種 HTML 對(duì)象常用屬性)
下面列出了由動(dòng)態(tài) HTML 定義的對(duì)象。點(diǎn)擊鏈接即可前往對(duì)象的定義，其中包含了該對(duì)象的所有成員集2013-03-15css 細(xì)線表格 css制作table細(xì)線表格常用屬性
優(yōu)化表格的過程中當(dāng)然是卻漂亮越好啊，所以css優(yōu)化表格的屬性就派上用場(chǎng)了，接下來介紹css優(yōu)化細(xì)線表格注意的一些細(xì)節(jié)，需要的朋友可以了解下2012-12-19CSS常用屬性縮寫實(shí)例-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
CSS代碼簡化在工作中是非常有益的，也是必要的。在編寫CSS代碼時(shí)，經(jīng)常會(huì)出現(xiàn)冗余的代碼，為了提高代碼的質(zhì)量及文件壓縮到最小，使代碼具有可讀性，不得不把CSS代碼簡2008-10-31CSS常用屬性的代碼簡化實(shí)例-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
CSS代碼簡化在工作中是非常有益的，也是必要的。在編寫CSS代碼時(shí)，經(jīng)常會(huì)出現(xiàn)冗余的代碼，為了提高代碼的質(zhì)量及文件壓縮到最小，使代碼具有可讀性，不得不把CSS代碼簡2008-10-17- div布局過程中會(huì)經(jīng)常用到一些屬性，本文整理了一些常用的和布局相關(guān)的屬性，有需要的朋友可以參考下，希望對(duì)大家熟悉div常用屬性有所幫助2013-09-08