如何全局定义CSS,css全局样式的定义
如何全局定义CSS,css全局样式的定义
对css还是不熟悉，⽼是对全局样式⽆从下⼿。 从⽹易拷了⼀份，学习了⼀下。
body {margin:0; font:12px/1.5 \5b8b\4f53,Arial,sans-serif; background:#3d78aa;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.hx a,.hx em,.fB{font-weight:bold;}
.
clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#252525; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;text-decoration:underline;}
a:active {color:#ba2636;}
1、body, 需要记住的是margin,font。  font⾥⾯⼀次定义了12像素，1.5倍⾏⾼，宋体的Unicode码(由于在⽕狐和opera中不能很好的识别)，⽆衬线字体Arial,sans-serif；
2、块元素的预定义 div dl dt dd ul li ol li h1~h6      【pre】(这要⽤于显⽰源码)form        【fieldset】(lengend 为标题，位于框中间，主要放在from⾥⾯，有特殊显⽰效果) input textarea      【blockquote】(浏览器在 blockquote 元素前后添加了换⾏，并增加了外边距。)  p  定义margin和padding属性均为0；
3、定义表格元素属性；
4、列表属性的定义，刚知道li前⾯的⼩图标可以⽤list-style:square inside url(../../img.png)；来定义。 ol ul list-style为none ； li的list-style-type为none；
5、图⽚  居上，边框为0； vertical ; border;
6、超链接的⼀些属性
a {color:#252525; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;text-decoration:underline;}
a:active {color:#ba2636;}
关于clearfix，下⾯我会专门抽出⼀篇⽂章讨论。怎样卸载ie
DIV+CSS在不同浏览器中的注意问题
1、ff和ie对⾼度的渲染⽅法不同。ff严格按照⾼度渲染，⽽ie可以在设置了⾼度的情况下被撑开。
2、ie的margin在float⽅向相同时会翻倍。解决⽅法display:inlie
3、ie和ff中的body,p,hr,ul,li,dl,dt,dd的margin padding默认值不⼀样。制作⽹页前设置body,p,hr,ul,li,dl,dt,dd{margin:0;padding:0}
4、ie和ff中h1,h2,h3,h4,h5,h6,h7默认的字体⼤⼩不同。需要重新设置
5、ff和ie中对em的渲染效果不⼀样，简单⽅法，⽤单位px，避免⽤em
6、ie中图⽚在容器中，图⽚下⾯默认有3像素的空隙，解决⽅法：vertical-align:top
7、ie中有时候不清除浮动不会有问题。⽽ff严格按照浮动来排列。所以需要严格对每个浮动进⾏闭合。
CSS透明问题
8、 ff中padding的值会加到⾼度⾥⾯去，例如padding-top:10px;height:100px; 这个css ff翻译出来是 110px，⽽ie是100px，解决⽅法，不需要对ff和ie分别设置，直接按⽕狐的⽅法设置就可以，在⾼度中减去padding的值，ie不需要理 会，因为ie会⾃动撑开。
9、html注释在ie中有时候会影响效果，⽽ff不会
10、垃圾ie中未知情况下，内容会⾃动复制⼀份到下⼀⾏，解决⽅法：复制错位的容器放最下⾯，然后设置display:none隐藏即可。
11、ie中
的代码间的空格可能影响到效果。⽽ff不会。
12、背景透明：IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
[注]最好两个都写，并将opacity属性放在下⾯。
13.如何对齐⽂本与⽂本输⼊框加上vertical-align:middle;
14.怎么样才能让层显⽰在FLASH之上呢解决的办法是给FLASH设置透明
15.怎样使⼀个层垂直居中于浏览器中这⾥我们使⽤百分⽐绝对定位，与外补丁负值的⽅法，负值的⼤⼩为其⾃⾝宽度⾼度除以⼆
16.万能清除浮动
.clearfix:after{
clear:both; /* 清除浮动 */
display:block;
visibility:hidden; /* 设置伪类层内容块级不可见 */
height:0;
line-height:0; /* ⾼度和⾏⾼为0 */
content:"";    /* 将伪类层内容清空 */
}
.clearfix{zoom:1}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。