以图明志

CSS

用CSS控制图片大小显示的方法

一般方法与expression属性
图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢?可以通过按比例缩小或者放大到某尺寸(自己指定),来保持图片不变形走样的完全显示。

CSS

CSS选择器的权重计算规则

解决特殊性冲突,让代码尽可能简洁
我们在使用CSS对网页元素定义样式时经常会遇到这种情况:要对一般元素应用一般样式,然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢?在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则。

CSS

团队开发中的CSS规范建议

一个成熟的网站需要有统一的风格
我们知道,一个成熟的网站需要有统一的风格,一致的用户体验,比如:网站的配色,字体的大小,交互行为一致等应该在设计之初就得到确定,而不是由个体开发者来自由的定义。网站同时应存在可以提取出来公用的样式部分(如人人网中个人主页右侧的"最近来访","推荐"等处的容器和标题都是相同的展示效果)。那么我们就可以把网站的字体大小,公共控制。

CSS

IE6不支持position:fixed的解决方法

设置元素悬浮边距,要分别为设置两次
下面这段代码在网上很常见,通过设置html{overflow:hidden}和body{height:100%;overflow:auto}来实现ie6下position:fixed效果,但这种办法有个缺陷,那就是:这会使页面上原有的absolute、relation都变成fixed的效果,在这里我就不做demo了,如果有怀疑,可以自己去试验一下。

CSS

你了解IE的haslayout(拥有布局)吗?

haslayout是IE渲染引擎的一个内部组成部分
我们那知道浏览器有bug,而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的表现与其他浏览器不同的原因之一是,显示引擎使用一个称为布局(layout)的内部概念。因为布均是一个专门针对显示引擎内部工作方式的概念,所以一般悄况下不需要了解它。但是,布局问题是许多IE/Win显示bug的根源,所以理解这个概念以及它如何影响CSS是有悟助的。

CSS

十个便捷的CSS技巧

更加深刻去理解CSS
css 字体简写规则,同时使用两个class,css中边框(border)的默认值,!important会被IE忽略,图片替换的技巧,css盒模型hack的另一选择,将块元素居中,使用css实现垂直居中,容器内的css定位,延伸至屏幕底部的背景色。

CSS

一些CSS常识与经典技巧

很值得参考的经验谈
不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。

CSS

CSS块级元素、内联元素概念

理解了它,CSS布局的理论都变得容易了
CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面。看过O'Reilly的《CSS权威指南》,发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提。但我觉得,这个概念实在太重要了。
4 / 4 首页 < Prev 1 2 3 4 Next > 尾页 页码: