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%;以保证两个浏览器下均能够正常显示。
目录
相关文章
|
前端开发 JavaScript UED
愈发熟练的 CSS 技巧
simple-flexible 是根据手淘团队 lib-flexible.js,比较,改写的一个插件,兼容 UC 竖屏转横屏出现的 BUG,自定义视觉设计稿的宽度:designWidth,设定最大宽度:maxWidth
1382 0
|
Web App开发 前端开发 安全
|
Web App开发 前端开发 安全
|
Web App开发 前端开发 安全
|
Web App开发 前端开发 容器
|
Web App开发 移动开发 前端开发
|
Web App开发 JavaScript 前端开发
|
Web App开发 前端开发 容器
CSS设置技巧
一、单位和值   1.1 颜色值   在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:   1、英文命令颜色   前面几个小节中经常用到的就是这种设置方法: p{color:red;}   2、RGB颜色   这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。
1117 0
|
Web App开发 前端开发 iOS开发