CSS常用技巧介绍(2)

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 15:37 点击:

DIV.special{border:1px solid; border-color:color1 color2 color3 color4}

四种颜色一次是上,右,下,左的颜色

颜色相同就合并成:

DIV.special{border:1px solid color4}

2. 同时使用两个Class定义
一般我们只会给内容块指定一个Class,但这并不代表我们只能指定一个。实际上只要你愿意,可以同时把任意多个Class赋给某块内容。比如:

<p class="text side">...</p>

多个Class之间用空格分隔即可。当多个Class之间的属性发生重叠的时候,将根据各个Class在CSS定义文件中被定义的位置,后定义的Class属性自动覆盖之前定义的Class属性(而不是根据你在class="text side"这里排列的顺序来进行覆盖)

3. CSS border的缺省值
通常我们定义border属性都会提供color,width,style这些属性。比如 border: 3px solid #000 。不过实际上必须要提供的属性只有style。如果你只写 border: solid 的话,其他的属性自动使用缺省值。border的缺省宽度是medium(大约3px-4px),缺省的颜色是位于border里面的内容文字的颜色。如果这些缺省值可以满足你的要求,你完全可以省略这两项属性。

4. 专门用于打印的CSS文档
很多web页面都会提供一个打印链接,方便用户使用另一种适合打印界面的CSS。但实际上你完全可以为你的页面指定两个CSS文档link,这样浏览器会自动调用合适的CSS来用于显示或打印。比如:

以下为引用的内容:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 扎实基础 9则css网页制作技巧
  • CSS设计符合Web标准的网页表单的几个技巧
  • 技巧:css星级效果总结
  • 用CSS建设网站的实例(9)
  • 提高网站性能:JavaScript+CSS优化的建议(3)
  • CSS制作网页实例:用CSS控制li标记样式
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1