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-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; ``` 可以被简写为: ```css ...
CSS 缩写语法是CSS3中提高代码效率和可读性的重要特性,它允许开发者用更简洁的方式定义多个样式属性。在本文中,我们将重点讨论有关`font`、`margin`、`padding`以及`border`的缩写规则。 首先,让我们详细探讨`...
更进一步,`border-radius`属性用于设置圆角,也是CSS缩写的一个例子,它可以一次性定义所有四个角的圆角半径,或者单独设置每个角。 通过上述的CSS缩写语法,我们可以减少代码量,提高代码可读性,同时使得维护...
在CSS3中,属性选择器和背景缩写是两个重要的概念,它们极大地提高了CSS的效率和可维护性。本文将详细探讨这两个主题。 首先,让我们来看看CSS3的属性选择器。属性选择器允许我们根据HTML元素的特定属性来选择和...
- 当指定四个值时:`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 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先...
`animation`属性是一个简写属性,可以同时设置多个子属性,包括`animation-name`(动画名称)、`animation-duration`(动画持续时间)、`animation-timing-function`(动画时间函数)、`animation-delay`(动画延迟...
4. 阴影简写:`box-shadow`属性的缩写形式为`h-offset v-offset blur spread color inset`,如`box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);`。 5. 文本阴影:`text-shadow`属性与`box-shadow`类似,如`text-...
在CSS(层叠样式表)中,缩写是一种优化代码的方法,它可以帮助减小CSS文件的大小,提高页面加载速度,并使代码更易读。以下是一些常用的CSS缩写规则和示例: **颜色(Colors)** 在CSS中,16进制颜色值可以进行...
千锋Web前端教程_29_CSS属性的简写
- `border-radius`: 设置四个角的圆角半径。例如:`border-radius: 5px;` - `border-style`: 一次性设置所有边框样式。如:`border-style: solid;` - `border-color`: 一次性设置所有边框颜色。例如:`border-...
3. **动画应用**:要将动画应用到元素上,需使用`animation`属性,这是一个简写属性,可以同时设置所有动画属性,或者单独设置每个属性。 **二、过渡(Transitions)与动画的区别** 1. **过渡(Transitions)**:...
- 四个值:分别对应上、右、下、左边距,顺时针顺序。 应用这个规律,可以得到如`margin: 1em 0 2em 0.5em;`这样的简洁表达。 ### 边框缩写 边框属性包括宽度、样式和颜色。可以将它们合并为一条简洁的语句,例如...
- 简写属性用于设置多个网格相关属性。 10. Subgrids - 介绍如何在父网格中嵌套子网格。 11. 网格间距(Grid Gutter or Gaps) - 描述了网格间距的设置方法。 12. 网格项对齐(Aligning and Grids) - 网格内...
利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...
4. **CSS应用小技巧十四例**:这可能是一系列实际场景中的CSS技巧,例如隐藏元素、背景图片定位、文本溢出处理、自适应边距和间距等。 5. **CSS代码缩写实例以及CSS缩写原因总结**:介绍了CSS属性值的缩写形式,如`...
例如,`margin`和`padding`的简写可以让我们一次性设置四个边的间距,`font`属性则可以同时指定字体大小、类型、行高和风格。但要注意,简写可能会导致不明确的值,因此在使用时应保持谨慎,确保其可读性和可维护性...
5. CSS 盒模型由 content area、padding、border 和 margin 四个部分组成。 6. 盒模型的宽度和高度可以通过 width 和 height 属性设置。 四、 布局 7. CSS 中的布局可以使用 float、position、display 等属性来...