电竞公司排行榜前十名
專注于網站建設和搭建網絡營銷體系
商視互聯,北京做網站公司
北京做網站,商視互聯 您的位置:網站首頁 > 商視動態 > 網頁設計 > 正文
分享幾條CSS運用時遇到的問題與解決的好方法
作者:商視互聯   來源:北京做網站公司   日期:2012/10/3 18:39:06   熱度:℃   [ 標簽:網頁設計 ]

現在整理出一小集CSS常用到的東西,與大家分享希望對大家有幫助:

1.頁面內容居中

01 body{
02 margin:0 auto;
03 }

 2.單行文字圖標居中

01 div {  
02 height:25px;  
03 line-height:25px;  
04 }
05 //也就是給height和line-height同樣的高度,再用margin-bottom來細調。

 3.當網頁字體小于12px時 chrome內核瀏覽器始終顯示為12px

01 body{
02 -webkit-text-size-adjust:none/*for chorme*/
03 }

 4.ie6雙倍margin的bug

01 #box{
02 float:left;
03 width:100px;
04 margin:0 0 0 100px; //ie6會產生200px的距離
05 display:inline; //解決辦法
06 }

 5. 多個class合并書寫

01 //通常class里面只寫一個值,事實上可以多個值,用空格隔開即可。

 6.給網頁換個鼠標指針

01 cursor:url('指針絕對路徑'),auto;
02 //通常這個css寫在body和a里

7.input文本框光標居中

01 //不同瀏覽器對這個理解不同
02 //解決方法是設置input高度與文字高度相等,然后用上下padding填充即可。

 8.css sprites用法

01 .a {
02 display:inline-block;
03 height:16pxwidth:16px;
04 background:url(icon.png) x坐標 y坐標 no-repeat;
05 }

 9.子容器增長時父容器不自動增長

01 //給父容器定義樣式
02 overflow:auto;
03 zoom:1;//兼容IE6

 10.IE6 IE7下li高度問題

01 //IE6 IE7將字體高度也算入行高 導致li高度異常 只需給li定義以下樣式即可
02 font-size:0px;

 


本文網址:
更多

电竞公司排行榜前十名 发发棋牌 安徽时时计划 兰州按摩培训中心 韩国美女明星图片 pk10免费计划软件哪个好 佩里西奇 重庆时时官网开奖结果 时时彩平台 时时彩四星直选万能号 ak娱乐是什么