div：指定渲染HTML的容器span：指定内嵌文本容器通俗地讲就是如果里面还有其他标签的时候就用div，如果里面只有文本就应该用spandiv是一个块级元素，用来为HTML文档内大块的内容提供结构和背景span是行内元素，在行内定义一个区域（也就是一行内可以被<span>划分好几个区域）div标签中可以镶嵌span标签，（div可以看做是一个大容器，span是一个小容器，大容器当然可以放下一个...
CSS文字控制letter-spacing和word-spacingletter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。letter-spacing语法：letter-spacing:normal|length参数：normal: 默认间隔...
IE6中CSS解析失效，无法解析CSS最近在做一个网页的时候发现IE6版本以下的浏览器不能把CSS正确地表现出来，CSS好像没有产生作用！而IE7、Chrome和Firefox则没有问题。经过我的分析研究，终于被我发现产生问题的原因：网页采用了UTF-8编码格式，这本来没有问题，问题是外部CSS文件默认是ANSI编码，并没有保存为UTF-8格式。在一般情况下这样也是...
书写顺序和浏览器解析过程有关！浏览器先对dom定位，然后解析自身属性，然后再解析内部对象！1、首先解析显示属性displaylist-stylepositionfloatclear2、然后解析自身属性widthheightmarginpaddingborderbackground3、最后再解析文本属性colorfonttext-decorationtext-alignvertical...
跟一般的CSS写法不同的是CSS伪类的语法有两种方式：第一种：selector:pseudo-class{property:value}也可以用HTML的class属性来设定伪类。例句：a:link{color:red}第二种：selector.class:pseudo-class{property:value}伪类是最常用的伪类。例句：a.c1:link{color:red}锚(a)...
/*禁止换行*/.nowrap{word-break:keep-all;white-space:nowrap;}/*强制换行*/.break{word-break:break-all;word-wrap:break-word}/*line-height的值计算*/我们常说的单倍行距,双倍行距等等,主观上认为是line-height设置的值,如果量一下实际的效果,...
如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSSBUG编成了顺口溜了！看看好不好记住呢？1、IE边框若显若无，须注意，定是高度设置已忘记；2、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；3、三像素文本慢移不必慌，高度设置帮你忙；4、兼容各个浏览须注意，默认设置行高可能是杀手；5、独立清除浮动须铭记，行高设无，高设零，设计...
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;注意:在同一个CSS配置节中，不要交错使用全写和缩写的颜色配置，在系统资源极低时，会导致浏览器渲染失败。盒尺寸通常有下面四种书写方法:p...
1、常用的模块命名页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南...
1.<br>、<hr>尽量少用，性能很差、对于<hr>可以使用border来代替。2.div中内容到边框没有值，显得很紧凑，设置padding后会把div撑开。解决办法：在子容器设置padding；设置padding-left，padding-right值.即可解决：3.overflow内容溢出时的设置overflow-x水平方向内容溢出时的设置overflow-y垂直方向...