首页 web前端 html教程 CSS样式缩写(感觉这个贴能火哈哈哈)_html/css_WEB-ITnose

CSS样式缩写(感觉这个贴能火哈哈哈)_html/css_WEB-ITnose

Jun 24, 2016 am 11:37 AM

1.盒子:A。margin:top right bottom left 如果上下相同 左右相同 margin: top right 如果只有上下相同或者只有

左右相同,不能缩写。例如:margin:10px (上下左右都是10px的margin)
2.边框:border:width style color 例如 border:2px solid red;
3.背景:CSS1里面有5个属性 CSS3里面又新增了3个所以说现在有8个属性 :background: [background-color] [background-

image] [background-repeat][background-attachment](固定方式) [background-position](截取图片位置) / [ 

background-size](背景图片尺寸)[background-origin](背景图片定位区域) [background-clip](背景的绘制区域);例如:

background:red url(../images/bg.jpg) no-repeat fixed 10px 10px/40% content-box content-box;
4.字体:font:font-style(字体风格) font-variant(以小型大写字体或者正常字体显示文本) font-weight(字体粗细) font-

size(字体大小)/line-height(行高 这个不确定) font-family(字体系列,如 黑体); 例如 font:italic small-caps 

bold 1em/140% "黑体";注意的是如果你缩写字体定义,至少要定义font-size和font-family两个值。 
5.列表:list:list-style-type list-style-position list-style-image;例如 list:square inside url(../images/1.jpg);
6.颜色:有2位相同即可缩写例如:#00ffff---#0ff #000000---#000;#0000ff---#00f;
7.属性值为0:如果有某个属性的属性值为0 单位省略 例如:margin:0;
8.最后一个分号,例如 div{width:100px;height:100px}
9.圆角半径:border-radius:topleft topright bottomright bottomleft;例如:border-radius:10px 10px 10px 10px;如果都相同 只写一个 border-radius:10px ;如果只有toplef 和bottomright相同 topright和bottomleft相同 则border-radius:10px 10px 注意是对角线

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

如何使用HTML5表单验证属性来验证用户输入?

< iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

< iframe>的目的是什么。 标签?使用时的安全考虑是什么?

如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

如何高效地在网页中为PNG图片添加描边效果?

< meter>的目的是什么。 元素? < meter>的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

< meter>的目的是什么。 元素?

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

HTML5中跨浏览器兼容性的最佳实践是什么?

< datalist>的目的是什么。 元素? < datalist>的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

< datalist>的目的是什么。 元素?

> gt;的目的是什么 元素? > gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

> gt;的目的是什么 元素?

See all articles