以图明志

CSS

你必须知道的一些CSS经典技巧

你知道多少个呢?
CSS字体属性简写规则,如何同时使用两个类,关于CSS border的缺省值,图片替换技巧,CSS box模型的另一种调整技巧,块元素居中对齐,用CSS来处理垂直对齐,直通到屏幕底部的背景色等等。只有一点要提醒的:这种简写方法只有在同时指定font-size和font-family属性时才起作用。

CSS

一些CSS的常见缩写方法

灵活使用它们可以让你的CSS文件体积更小
background 简写属性在一个声明中设置所有的背景属性,border 简写属性在一个声明设置所有的边框属性,font 简写属性在一个声明中设置所有字体属性,list-style 简写属性在一个声明中设置所有的列表属性。灵活使用它们可以让你的CSS文件体积更小。

CSS

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

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

CSS

CSS选择器的权重计算规则

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

CSS

团队开发中的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权威指南》,发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提。但我觉得,这个概念实在太重要了。
3 / 3 首页 < Prev 1 2 3 Next > 尾页 页码: