代码改变世界

CSS的4个简写

  聂微东  阅读(1730)  评论(3编辑  收藏  举报

1.background 简写属性在一个声明中设置所有的背景属性:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
例如:
 background: #444444 url(image.png) no-repeat fixed top;

2.border 简写属性在一个声明设置所有的边框属性:

  • border-width
  • border-style
  • border-color

例如:

 border:1px solid red;

3.font 简写属性在一个声明中设置所有字体属性:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

例如:

font:italic bold 12px/20px arial,sans-serif;

4.list-style 简写属性在一个声明中设置所有的列表属性:

  • list-style-type
  • list-style-position
  • list-style-image

例如:

list-style:square inside url('/images/images.gif');

  这次的主要内容是巩固一下自己以前的CSS2最优写法,20号以前再把关于 Webkit 内核浏览器支持CSS3的一些特性总结一下.

作者:聂微东
出处:http://www.cnblogs.com/Darren_code/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示