国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

優(yōu)秀和實用的CSS技巧匯編

2024-07-11 08:40:47
字體:
供稿:網(wǎng)友
1.重置瀏覽器的字體大小 
重置瀏覽器的默認值 ,然后重設(shè)瀏覽器的字體大小你可以使用雅虎的用戶界面重置的CSS方案 ,如果你不想下載9MB的文件,代碼如下: 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
其次,我們重設(shè)瀏覽器字體的大小為10像素,使用如下: 
html {font-size: 62.5%;}
這個大小基本合適,然后您可以根據(jù)自己的需要調(diào)整大小,如 標題1為120像素: 
h1 {font-size: 2em;}


2.設(shè)置水平居中
 
大多數(shù)的網(wǎng)站目前都是固定寬度的。CSS代碼如下: 
div#container {margin: 0 auto;}


3.控制位置:絕對位置,相對位置 
假如有兩個div 
<div id='parent'>
<div id='son'></div>
</div>

div有l(wèi)eft和top屬性,是用來定位的. 
如果內(nèi)層的div的position屬性是absolute.那他就是相對于文檔的左上角的位置.. 
如果內(nèi)層的div(id為son的那個)position屬性為relative,那它的left和top值就是相對于外層的div的左上角的距離. 


4.將重要元素放置在屏幕中央
 
如果你希望將您想要的東西放在最中央,可以使用以下CSS: 
div.popup { height:400px; width:500px; position: absolute; top: 50%; left: 50%;}
div.popup { margin-top: -200px; margin-left: -250px;}

您必須明確的指定寬度和高度,再把top和left屬性設(shè)為他們的一半,這樣就可以是這個部分回到屏幕的中心。 


5.可以重復(fù)利用的規(guī)則
 
.left {float: left;}
.right {float: right;}
img .left { border:2px solid #aaaaaa; margin: 0 10px 0 0;}
img .right { border:2px solid #aaaaaa; margin: 0 0 0 10px; padding: 1px;}

設(shè)置自己的CSS樣式表,就可以在您需要的時候直接的添加標記即可。 
 


6. 解決IE6 的浮動元素的雙倍邊距問題
 
對一個div設(shè)置了float:left 和 margin-left:100px 那么在IE6中,這個bug就會出現(xiàn)。您只需要多設(shè)置一個display即可,代碼如下: 
div {float:left;margin:40px;display:inline;}
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 淳化县| 普陀区| 平罗县| 游戏| 罗城| 德安县| 东宁县| 晴隆县| 阿拉尔市| 朝阳县| 五常市| 太谷县| 邯郸县| 百色市| 登封市| 依兰县| 梁平县| 教育| 石台县| 九寨沟县| 突泉县| 临朐县| 卓尼县| 阿图什市| 寻乌县| 长顺县| 峨眉山市| 澄城县| 公安县| 隆回县| 清丰县| 宜黄县| 游戏| 台安县| 收藏| 三河市| 阿克苏市| 全椒县| 神池县| 长子县| 灵武市|