`
chinahnzhou
  • 浏览: 352892 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS的4个简写

    博客分类:
  • web
 
阅读更多

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');

转自http://www.cnblogs.com/Darren_code/archive/2010/12/13/1904851.html

分享到:
评论

相关推荐

    css中margin的缩写

    当所有四个方向的外边距都不相等时,可以直接按照顺时针方向将它们简写为四个值: ```css margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; ``` 可以被简写为: ```css ...

    css通用缩写语法总结(font字体篇)

    CSS 缩写语法是CSS3中提高代码效率和可读性的重要特性,它允许开发者用更简洁的方式定义多个样式属性。在本文中,我们将重点讨论有关`font`、`margin`、`padding`以及`border`的缩写规则。 首先,让我们详细探讨`...

    常用css缩写语法总结

    更进一步,`border-radius`属性用于设置圆角,也是CSS缩写的一个例子,它可以一次性定义所有四个角的圆角半径,或者单独设置每个角。 通过上述的CSS缩写语法,我们可以减少代码量,提高代码可读性,同时使得维护...

    css3属性选择器,背景缩写

    在CSS3中,属性选择器和背景缩写是两个重要的概念,它们极大地提高了CSS的效率和可维护性。本文将详细探讨这两个主题。 首先,让我们来看看CSS3的属性选择器。属性选择器允许我们根据HTML元素的特定属性来选择和...

    css缩写的规则

    - 当指定四个值时:`property:value1 value2 value3 value4;` 分别对应上、右、下、左四个方向。 例如: ```css margin: 10px; margin: 10px 5px; margin: 10px 20px 5px; margin: 10px 0 2px 10px; ``` 2...

    CSS是Cascading Style Sheet 的缩写

    CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先...

    常用CSS缩写语法总结

    - 如果只指定一个值,该值将应用于所有四个方向:`top`, `right`, `bottom`, `left`。 - 如果指定两个值,第一个值将应用于 `top` 和 `bottom`,第二个值应用于 `right` 和 `left`。 - 如果指定三个值,第一个值应用...

    CSS3 简写animation

    `animation`属性是一个简写属性,可以同时设置多个子属性,包括`animation-name`(动画名称)、`animation-duration`(动画持续时间)、`animation-timing-function`(动画时间函数)、`animation-delay`(动画延迟...

    常用css缩写.doc

    在CSS(层叠样式表)中,缩写是一种优化代码的方法,它可以帮助减小CSS文件的大小,提高页面加载速度,并使代码更易读。以下是一些常用的CSS缩写规则和示例: **颜色(Colors)** 在CSS中,16进制颜色值可以进行...

    前端教程:29 CSS属性的简写

    千锋Web前端教程_29_CSS属性的简写

    常用CSS缩写语法总结.rar

    - `border-radius`: 设置四个角的圆角半径。例如:`border-radius: 5px;` - `border-style`: 一次性设置所有边框样式。如:`border-style: solid;` - `border-color`: 一次性设置所有边框颜色。例如:`border-...

    CSSAnimation101从零开始介绍CSS动画开源电子书

    3. **动画应用**:要将动画应用到元素上,需使用`animation`属性,这是一个简写属性,可以同时设置所有动画属性,或者单独设置每个属性。 **二、过渡(Transitions)与动画的区别** 1. **过渡(Transitions)**:...

    css代码缩写 div+css布局代码简写规范

    - 四个值:分别对应上、右、下、左边距,顺时针顺序。 应用这个规律,可以得到如`margin: 1em 0 2em 0.5em;`这样的简洁表达。 ### 边框缩写 边框属性包括宽度、样式和颜色。可以将它们合并为一条简洁的语句,例如...

    CSS 权威指南(第四版)英文版(Oreily.CSS.The.Definitive.Guide.4th.edition)

    - 简写属性用于设置多个网格相关属性。 10. Subgrids - 介绍如何在父网格中嵌套子网格。 11. 网格间距(Grid Gutter or Gaps) - 描述了网格间距的设置方法。 12. 网格项对齐(Aligning and Grids) - 网格内...

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...

    css实用的技巧 css css

    4. **CSS应用小技巧十四例**:这可能是一系列实际场景中的CSS技巧,例如隐藏元素、背景图片定位、文本溢出处理、自适应边距和间距等。 5. **CSS代码缩写实例以及CSS缩写原因总结**:介绍了CSS属性值的缩写形式,如`...

    css 常用公共样式 样式总结(持续更新)

    例如,`margin`和`padding`的简写可以让我们一次性设置四个边的间距,`font`属性则可以同时指定字体大小、类型、行高和风格。但要注意,简写可能会导致不明确的值,因此在使用时应保持谨慎,确保其可读性和可维护性...

    CSS+DIV练习题

    5. CSS 盒模型由 content area、padding、border 和 margin 四个部分组成。 6. 盒模型的宽度和高度可以通过 width 和 height 属性设置。 四、 布局 7. CSS 中的布局可以使用 float、position、display 等属性来...

Global site tag (gtag.js) - Google Analytics