盒子模型
css基本屬性:
1.border:邊框 solid:實(shí)線顏色
2.width:寬
3.height:高
4.background-image:url()背景圖片
background-repeat-x/y/no:水平重復(fù)或不重復(fù)
滾動(dòng):background-attachment:fixtd(固定)scroll(背景圖片默認(rèn)滾動(dòng))
background-position:left(水平)top(垂直);
字體屬性
1.大?。?font size> 單位:px,pd
2.樣式:font-style: oblique;(偏斜體) 、italic;(斜體) 、normal;(正常)
3.行高:line-height: normal;(正常) 單位:PX、PD、EM;
4.組合在一起,實(shí)現(xiàn)文本垂直居中 height: 40px;/測試attachment是請務(wù)必修改高度/line-height: 40px;
5.粗細(xì):font-weight: bold;(粗體) 、lighter;(細(xì)體) 、normal;(正常)
6.變體:font-variant: small-caps;(小型大寫字母) 、normal;(正常)
7.大小寫:text-transform: capitalize;(首字母大寫) 、uppercase;(大寫) 、lowercase;(小寫) 、none;(無)
8.修飾:text-decoration: underline;(下劃線) 、overline;(上劃線) 、line-through;(刪除線) 、blink;(閃爍)
9.常用字體:(font-family):“Courier New”, Courier, monospace, “Times New Roman”, Times, serif, Arial, Helvetica, sans-serif, Verdana
鼠標(biāo)樣式
1.cursor:point小手
2.move十字
3.wait沙漏/轉(zhuǎn)圈
4.help問號
區(qū)塊屬性
1.div塊級(獨(dú)占一行) span內(nèi)聯(lián)
2.對齊:text-align: justify;(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)
3.縮進(jìn):text-indent: 數(shù)值px;text-indent: 2em; text-indent: 20px;
4.垂直對齊:vertical-align: baseline;(基線) sub;(下標(biāo)) super;(上標(biāo)) top; text-top; middle; bottom; text-bottom;
5.詞間距:word-spacing: normal; 數(shù)值
6.空格:white-space: pre;(保留) nowrap;(不換行)--
盒子模型
1.border:10px solid red 邊框
2.padding:20px 邊框和內(nèi)容間距
3.內(nèi)容+填充padding+邊框+外邊距
4.margin:盒子和盒子距離
5.padding:上右下左(順時(shí)針)20px 10px 15px 5px
padding:20px(上下) 10px(左右)
padding:20px(上) 10px(左右) 5px(下)
6.上下盒子外邊距最終取大的margin-top 或 margin-bottom
7.左右盒子外邊距最終取和值margin-right 或 margin-left
8.margin:0 auto;上下是0 左右居中
邊框?qū)傩?br/>1.border-style: dotted;(點(diǎn)線) dashed;(虛線) solid(實(shí)線); double;(雙線) groove;(槽線) ridge;(脊?fàn)? inset;(凹陷) outset;
2.border-width:; 邊框?qū)挾?br/>3.border-color:#;
4.簡寫方法:border:width style color;
5.Border:1px solid red
CSS文字屬性
1.color : #999999; /文字顏色/
2.text-decoration:underline; /加下劃線/
3.text-align:center; /文字居中對齊/
4.vertical-align:top;
5.top 把元素的頂端與行中最高元素的頂端對齊
6.bottom 把元素的頂端與行中最低的元素的頂端對齊。
7.圖像:list-style-image: url(xxx.gif/jpg/png);
CSS鏈接屬性
1.a:link /超鏈接文字格式/
2.a:visited /瀏覽過的鏈接文字格式/
3.a:hover /鼠標(biāo)轉(zhuǎn)到鏈接/
4.a:active /按下鏈接的格式/
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。