網(wǎng)站制作之CSS語(yǔ)法簡(jiǎn)寫(xiě),它可以使我們得代碼量減少,進(jìn)步代碼速度! 顏色 16進(jìn)制的色彩值,假如每?jī)晌坏闹迪嗤?,可以縮寫(xiě)一油煙機(jī)開(kāi)關(guān)半,例如: #000000可以縮寫(xiě)為#000;#336699可以縮寫(xiě)為#369; 盒尺寸 通常有下面四種書(shū)寫(xiě)方法: property:value1; 表示所有邊都是一個(gè)值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3 property:value1 value2 value3 value4; 四個(gè)值依寧波品牌網(wǎng)次表示top,right,bottom,left 方便的記憶方法是順時(shí)針,上右下左。具體應(yīng)用在margin和padding的例子如下: margin:1em 0 2em 0.5em; 邊框(border) 邊框的屬性如下: border-width:1px; border-style:solid; border-color:#000; 可以縮寫(xiě)為一句:border:1px solid #000; 語(yǔ)法是border:width style color; 背景(Backgrounds) 背景的屬性如下: background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0; 可以縮寫(xiě)為一句:background:#f00 url(background.gif) no-repeat fixed 0 0; 語(yǔ)法是background:color image repeat attachment position; 你可以省略其中一個(gè)或多個(gè)屬性值,假如省略,該屬性值將用瀏覽器默認(rèn)值,默寧波信息網(wǎng)認(rèn)值為: color: transparent image: none repeat: repeat attachment: scroll position: 0% 0% 字體(fonts) 字體的屬性如下: font-style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-height:140%; font-family:"Lucida Grande",sans-serif; 可以縮寫(xiě)為一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif; 留意,假如你縮寫(xiě)字體定義,至少要定義font-size和font-family兩個(gè)值?! ×斜?lists) 取消默認(rèn)的圓點(diǎn)和序號(hào)可以這樣寫(xiě)list-style:none;, list的屬性如下: list-style-type:square; list-style-position:inside; list-style-image:url(image.gif); 可以縮寫(xiě)為一句:list-style:square inside url(image.gif); 以上就是網(wǎng)站制作之CSS語(yǔ)法簡(jiǎn)寫(xiě),??茨軒椭蠹襼!
當(dāng)前位置網(wǎng)站建設(shè)知識(shí) >> 網(wǎng)站制作之CSS語(yǔ)法簡(jiǎn)寫(xiě)
網(wǎng)站制作之CSS語(yǔ)法簡(jiǎn)寫(xiě)
網(wǎng)站制作之CSS語(yǔ)法簡(jiǎn)寫(xiě)
下一頁(yè):網(wǎng)站制作之CSS開(kāi)發(fā)規(guī)范
[來(lái)源:寧波品優(yōu)網(wǎng)絡(luò)]
[作者:qwerty]
[日期:11-11-14]
[閱讀:]
相關(guān)文章
- 從網(wǎng)絡(luò)推廣角度來(lái)談公司網(wǎng)站制作
- 網(wǎng)站制作之網(wǎng)站重構(gòu)CSS常用技巧分析
- 網(wǎng)站制作排名推廣中偽原創(chuàng)的作用
- 網(wǎng)站制作之服務(wù)器的選擇
- 對(duì)網(wǎng)站制作的一些小看法
- 門(mén)戶網(wǎng)站制作與發(fā)展
- 網(wǎng)站制作中三種SQL分頁(yè)法
- 網(wǎng)站制作分析如何制作好網(wǎng)站
- 網(wǎng)站制作之新技術(shù)
- 網(wǎng)站制作之標(biāo)題寫(xiě)法
- 網(wǎng)站制作framework類庫(kù)信息
- 網(wǎng)站制作的藝術(shù)規(guī)劃
- 網(wǎng)站制作之HTML
- 網(wǎng)站制作英文網(wǎng)站的經(jīng)驗(yàn)
- 網(wǎng)站制作之HTML七基礎(chǔ)
- 網(wǎng)站制作基礎(chǔ)
最新文章
- 網(wǎng)站運(yùn)營(yíng)成功的4A法則
- 網(wǎng)站分析常用的指標(biāo)之內(nèi)容指標(biāo)
- 從網(wǎng)絡(luò)推廣角度來(lái)談公司網(wǎng)站制作
- 網(wǎng)站制作之網(wǎng)站重構(gòu)CSS常用技巧分析
- 網(wǎng)站制作排名推廣中偽原創(chuàng)的作用
- 做網(wǎng)站
- 如何建設(shè)網(wǎng)站之個(gè)人建站全接觸!
- 網(wǎng)站制作之服務(wù)器的選擇
- 而且能將網(wǎng)頁(yè)上的各種元素有機(jī)的組織起..
- 對(duì)網(wǎng)站制作的一些小看法
- 門(mén)戶網(wǎng)站制作與發(fā)展
- 網(wǎng)站制作中三種SQL分頁(yè)法
- 網(wǎng)站制作分析如何制作好網(wǎng)站
- 網(wǎng)站制作之新技術(shù)
- 網(wǎng)站制作之標(biāo)題寫(xiě)法
- 網(wǎng)站制作framework類庫(kù)信息