一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

10個(gè)你可能不知道的CSS技巧

 duduwolf 2005-09-24
這是原文 Ten CSS tricks you may not know

大意如下:

1. CSS font shorthand rule
CSS 縮寫

比如

font-style:bold;ling-height:130%;font-size:12px;

可以縮寫為

font:bold 12px/130%

2. Two classes together
同時(shí)使用多個(gè) class

多個(gè)class中間空格分開,如 <div class="oMenu oEm">

3. CSS border default value
邊框使用默認(rèn)樣式

邊框默認(rèn)的為 soild,寬度為medium,大約3-4像素,顏色與包含的文字內(nèi)容一樣。

4. !important ignored by IE
用!important來區(qū)分IE

比如:
margin-top: 3.5em !important; margin-top: 2em

非IE瀏覽器會(huì)優(yōu)先使用 3.5em,而IE根據(jù)先后順序關(guān)系,使用 2em

5. Image replacement technique
圖片替換技術(shù)

比如:
<img alt="[color]圖片說明[/color]">

搜索引擎對這樣 alt 不如真正的文字敏感??梢赃@樣來優(yōu)化搜索引擎(SEO)

CSS部分:

h1
{
background: url(widget-image.gif) no-repeat;
}

h1 span
{
position: absolute;
left:-2000px;
}

HTML 代碼:

<h1><img src="widget-image.gif" alt="Buy widgets" /></h1>

6. CSS box model hack alternative
CSS盒式模型

簡單地說,就是把padding和border這種IE不消化的東西,通過 div 嵌套逃避過去。(在里面那個(gè)div設(shè)置 padding 和 border)

代碼如下:

<style>
#box
{
width: 150px;
}

#box div {
border: 5px;
padding: 20px;
}
</style>
<div id="box"><div>...</div></div>

7. Centre aligning a block element
頁面中間對齊

IE 不認(rèn)識 margin:auto,所以這樣

<style>
body
{
text-align: center;
}

#content
{
text-align: left;
width: 700px;
margin: 0 auto;
}
</style>
<body>
<div id="content">
...

8. Vertically aligning with CSS
垂直對齊

vertical-align 不好使,可以試試 line-height

9. CSS positioning within a container
CSS定位

實(shí)際上就是古老的“層嵌套”,外面 relative 里面 absolute,這樣的 absolute 就是相對外面的容器而不再是body(整個(gè)頁面)了

10. Background colour running to the screen bottom
背景顏色走到底

有時(shí)頁面需要某一列背景色走到底,但這列內(nèi)容沒那么多,這時(shí)可以用背景來做。

body
{
background: url(blue-image.gif) 0 0 repeat-y;
}

    本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    亚洲成人精品免费在线观看| 国产爆操白丝美女在线观看| 最新日韩精品一推荐日韩精品| 偷拍偷窥女厕一区二区视频| 精品人妻一区二区三区在线看 | 国产精品刮毛视频不卡| 日本加勒比在线观看一区| 中文字幕欧美精品人妻一区| 国产精品午夜视频免费观看 | 国产亚洲欧美另类久久久| 久久99精品日韩人妻| 欧美日本精品视频在线观看| 91在线播放在线播放观看| 99热九九热这里只有精品| 午夜福利精品视频视频| 欧美黑人在线精品极品| 国产成人精品综合久久久看| 老鸭窝老鸭窝一区二区| 在线免费国产一区二区| 亚洲综合日韩精品欧美综合区| 色偷偷偷拍视频在线观看| 日本人妻熟女一区二区三区| 永久福利盒子日韩日韩| 日本不卡在线视频你懂的 | 男人操女人下面国产剧情| 九九热精彩视频在线免费| 日韩精品一区二区三区av在线| 高清不卡一卡二卡区在线| 国产美女精品人人做人人爽| 激情五月天免费在线观看| 日本特黄特色大片免费观看| 中文字幕欧美视频二区| 国产成人精品视频一区二区三区| 亚洲中文字幕一区三区| 国产女同精品一区二区| 亚洲一区二区三区三区| 久久精品国产99精品最新| 日本 一区二区 在线| 中文字幕欧美视频二区| 日韩欧美国产精品自拍| 中文字幕乱码亚洲三区|

    AI助手

    阅读时有疑惑?点击向AI助手提问吧

    联系客服

    微信扫码,添加客服企业微信

    客服QQ:

    1732698931

    联系电话:4000-999-276

    客服工作时间9:00-18:00,晚上非工作时间,请在微信或QQ留言,第二天客服上班后会立即联系您。