css应该注意的小技巧

  • 如果要设置字体的大小在css样式表中，在IE6中直接使用font:12px;这样是没有问题的，但是在firefox中这样却不行，在firfox中必须设置font-size:12px;因此为了兼容在这两个浏览器上，建议大家设置都设置成font-size:12px.
  • 对象高度自适应的问题，一个对象高度是否可以使用百分比显示，取决于对象的父级对象，#left在页面中直接旋转在body之中，因此它的父级是body，而浏览器默认状态下，
    是没有给body一个高度属性的，因此当我们直接设置#left为height:100%;时，不会产生任何效果，而当我们给body设置了100%之
    后，它的子级对象#left的height:100%;便发生作用了，这便是浏览器解析规则引发的高度自适应问题。而代码中除了给body应用之外，还给
    HTML对象也应用相同的样式设计，这样做的好处是使IE与firefox浏览器都能够实现高度自适应，而body却不是。另外，Firefox中的
    HTML标签不是100%高度，因此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示。
时间： 2024-09-17 04:23:52

css应该注意的小技巧的相关文章

告诉CSS新手20个小技巧

感谢有了CSS,真是由于她的灵活性,网页的样式可以完全与代码分离.现在,你仅仅需要有CSS的基础知识,甚至是一个初学者也能够轻易的改变网站的外观. 在过去,我们大量依靠网站设计人员和程序员来帮忙更新网站,甚至一个十分简单的网页也是如此.感谢有了CSS,真是由于她的灵活性,网页的样式可以完全与代码分离.现在,你仅仅需要有CSS的基础知识,甚至是一个初学者也能够轻易的改变网站的外观. 无论你是准备用CSS来创建你自己的网页,还是仅仅想用她来改变你博客的外观,学习CSS基本原则都有助于为你打下CSS的

WEB设计中CSS样式表应用小技巧十四例

css|web|技巧|设计|样式表     CSS是Cascading style Sheets的简称,中文译作"层叠样式表单",我把它叫作"层叠样式表",我感到这样顺口一点,没别的意思.实际上它是一组样式.你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工具软件制作网页,都有在有意无意地使用CSS.用

整理收集的XHTML+CSS制作网页的小技巧

css|xhtml|技巧|网页 1.鼠标移上去是出现一个window的保存收藏打印的那个小框框,能不能限制它的出现? 在HEAD中加入 <META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 2. 图片上用新属性galleryimg <img width=500 height=500 src=http://www.webjx.com/htmldata/2007-06-04/a.gif galleryimg=&qu

CSS网页布局实用小技巧

1.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值. 2.同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大. 3.一个兼容性调整(IE和Mozilla)的笨办法:初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的,而在Mozilla里必须要设成B才能正常显示,或者两个倒过来. 临时解决方

网页制作时用CSS实现自动换行的小技巧

css|技巧|网页 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准. #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;} eg. <div id="wrap">ddd111

技巧总结：关于CSS实现自动换行的小技巧

css|技巧 css自动换行有什么技巧?大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准. #wrap{white-space:normal; width:200px; }或者#wrap{word-br

CSS样式表常用小技巧收藏_经验交流

· ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值.  · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次:对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效.  · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来. 临时解决方法:选择符 {属性名:B

25条CSS编程提醒及小技巧整理

1.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值.2.同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次:对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大. 3.一个兼容性调整(IE和Mozilla)的笨办法:初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的,而在Mozilla里必须要设成B才能正常显示,或者两个倒过来.临时解决方法:

使css兼容IE8的小技巧_经验交流

这样就存在了新的问题,目前在IE7中工作正常的网页在IE8中会出现问题. 微软在IE8提供三种解析页面的模式 IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定 IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在中加入  Quirks Modes :IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明  注意:不同模式间的网页在IE8中可以互相 frame ,因此因不会模式下的DOM和CSS渲染不一样,所以会引