教你用css3实现图片容器内等比缩放,教你用c3实现图片容器内等比缩放......
2023-03-16 334 CSS
css有那些常用的缩写方式
来源：互联网
2023-03-16 19:13:31 88
在css中，样式的缩写方式有减少代码量，优化代码等的好处。下面小编举例讲解css有那些常用的缩写方式。
工具/原料
- css html
- 代码编辑器：zend studio 10.0
方法/步骤
新建一个html文件，命名为test.html，用于讲解css有那些常用的缩写方式。
颜色的缩写方式，例如，“color:#000000”可以缩写为“color:#000”，“color:#336699”可以缩写为“color:#369;”。
边框(border)的缩写方式，例如，“border-width:1px;border-style:solid;border-color:#000; ”可以缩写为“border:1px solid #000;”。
背景(background)的缩写方式，例如，“background-color:#f00;background-image:url(background.gif);background-repeat:no-repeat;”可以缩写为“background:#f00 url(background.gif) no-repeat;”。
外边距(margin)的缩写方式，例如，“margin-top:1px;margin-left:2px;margin-right:3px;margin-bottom:4px;”可以缩写为“margin:1px 3px 4px 3px;”。
内边距(padding)的缩写方式，例如，“padding-top:1px;padding-left:2px;padding-right:3px;padding-bottom:4px;”可以缩写为“padding:1px 3px 4px 3px;”。
总结：
1、颜色的缩写方式，例如，color:#000。
2、边框(border)的缩写方式，例如，“border:1px solid #000;”
3、背景(background)的缩写方式，例如，“background:#f00 url(background.gif) no-repeat;”
4、外边距(margin)的缩写方式，例如，“margin:1px 3px 4px 3px;”。
5、内边距(padding)的缩写方式，例如，“padding:1px 3px 4px 3px;”。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： CSS
相关文章
- 详细阅读
-
怎么用div布局加css样式做网页详细阅读
怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 477 CSS
-
css基础教程：[1]为网页使用网络字体详细阅读
![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 325 CSS