CSS 样式
样式应用的场合当然是网页文件中,但是如何去运用呢?可以简单的整理一下思路。
selector 有三种情况,内部样式,外部样式,内联样式。语法为
Selector { property: value }
可以通过设置标签的style属性中书写,通过CLASS和ID来定义。
<link rel=stylesheet href="***/**.css" type="text/css">
三种方式的运用场合跟作用范围要理解透彻。
内联:只对某个标签生效
内部:对于当前网页中某一类标签生效
外部:对于应用到的多个网页中的某一类标签生效
在编写的样式文件中可以套用别人写好的样式。
@import url("样式文件路径及名称");
关于样式的每种属性的设置没有必要去记,在用的时候可以通过样式设计的工具和参照css手册来进行设计。
相关文档:
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1、DOCTYPE 影响 CSS 处理
2、FF:div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行
3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margi ......
现在给大家献上颜色对照码:
FFFFFF
#DDDDDD
#AAAAAA
#888888
#666666
#444444
#000000
#FFB7DD
#FF88C2
#FF44AA
#FF0088&n ......
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。
优点:
当用户往U盘中拷200张图片,会等很久。但是 ......
DIV
CSS设计时IE6、IE7、FF 与兼容性有关的特性2008-03-28
14:21在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7
FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!
所有浏览器 通用 ......