css样式大全（总结版）

css样式大全：

1、 背景透明色设置：background-color:transparent;

2、 设计nav的一种新的方法，先前的三张背景被我们指定为一张nav.gif，通过background-position的定义为实现图片的切换，这种方法来自于软件开发领域，对大项目而言，方便统一进行修改与整理。

3、 List-style的类型(实心圆形disc)、(空心圆形circle)、(实心方块型square)、(不显示none)、(阿拉伯数字decimal)、(小写罗马数字lower-roman)、(大小罗马数字upper-roman)、(小写英文字母lower-alpha)、(大写英文字母upper-alpha)。

4、 List-style-image:url(arrow.gif)，list-style的每个项目前的图片显示。

5、 Text-indent首行缩进，当为负值时，可以产生标题般的效果。

6、 Overflow属性：auto自动产生滚动条，hidden隐藏，scroll一直有滚动条。

7、 控制换行word-break:break-all;word-warp:warp;换行用法，两个都加上，对中文和英文都有最好的理解。

8、 CSS首字母样式p:first-letter{};首行样式p:first-line{};

9、 网页设计时，对一张图片需要多处使用的情况下，可以使用CSS的剪切技术。只有绝对定位的对象可以使用clip:rect(10px 300px 300px 20px);也可以用div的overflow属性，设置成hidden后进行强制剪除。

10、图片代替文本：设置背景，用display:none隐藏文字部分span;或是使用text-indent:-1000px将文本移动到左侧不可见区域。

11、a:link和a设置的区别：a:link只有在a有href时才生效。

12、a:active鼠标点击没有释放之前的效果，在设计按钮风格的时候，会用到active功能区。

13、不规则的文字环绕，设置多个div，并对div设置clear:left属性，

14、充分使用表格对象的标签caption用于定义表格的名称，tbody用于表格的内容区，可以定义多个tbody，thead定义表头，tfoot定义表格页脚，th用于定义表头用的单元格。

15、div与span的区别，span和div默认显示的模式不同，div是block，span是inline，而且span在使用的过程中均不改变任何其中文本的属性。

16、CSS文件结构的设计，可以使用导入命令，不同将CSS都写在一个文件当中，如@import url(“homepages.css”)。

17、避免过度使用div和span，若是文档中使用了太多div和span，那么可以考虑是不是还有更加合适的html元素供选择，例如如果h3可以表达一个意思，那么就不应该使用div，span也不应该代替label的作用。

18、网页上使用快捷键导航，比如:。

19、网页的可访问性：可访问性不是由人所决定的，带有各种不同程度残疾的人是否都能够有效地获取页面中的信息，才是可访问性问题的关键所在。

20、在目前Web2.0的浪潮中，很多网站也会反其道而行之，在正文使用极大的字号，以方便用户把握其主要内容。但这样大字号的设计的主要目的并不是用来增强可访问性，而是考虑到了用户心理学。

21、utf-8是一种Unicode，Unicode是一种流行的国际性编码方案，使用utf-8所带来的好处就是不同字符集的多种语言将能够共存于同一张页面中。Uft-8在处理亚洲语言时，由于其需要极其复杂的字符集，UTF-8也将生成不必要的庞大文件。因此，若文档的主要语言是中文，那么指定一个更加确切的字符集可能回更好些。

22、图标是一类简化了的符号，用来表示某件物品或是某类概念，或者用来以抽象的图形化概念代替一段较长的文字描述。物品通常都会有较直观的视觉抽象方法，但类似过程和操作之类的概念却很难描绘。一个好的图标的含义无需加以解释，但前提是图标是对物体本质的抽象。

23、分界线的适当添加让页面显得有韵律，甚至给页面增加额外的维度。但不要过度的使用，过度的使用给人网格状的感觉。

24、内容和功能做主要的东西，就要简化图片的设计。

本文来源 我爱IT技术网 http://www.52ij.com/jishu/527.html 转载请保留链接。