1.css 字体简写规则 当使用css定义字体时你可能会这样做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事实上你可以简写这些属性:...
ol 有序列表 <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为 1…… 2…… 3…&hell...
css绝对定位使你能精确地定位要素在页面的 独立位置,而不考虑页面其它要素的定位 设置。相对定位指你所定位的要素的位置相对于 它在文件中所分配的位置。例: I { position: relative; left: 40px; top: 10px } 相对定位的关键在于定位了的要素的位置 是相对...
每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?用这五个方面改进你的CSS,会让你显得更加专业,也能使代码有好! 一、重置 首先,很认真的告诉你,总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset,或者...
段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 <style type="text/css"> <!-- p{ text-indent: 2em; /*em是相对单位,2em即现在一...
clip属性是一个比较有用的属性,但往往在实际应用中,并不多见,介绍的也很少。应用clip属性需要注意的两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和marg...
<HTML> <head> <style type="text/CSS"> body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} p.no2 {backgro...
通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。 在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论...
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度...
从页面开始布局设计初就考虑到各个浏览器的问题,留出充足的余量和给各个浏览器留出充足的发挥空间,这样的页面兼容性才是最好的。 下面就来几个问题: 1、div border不能显示 问题描述:用一个div A层中间放了几个div B来存放内容,因为内容是不固定的,...