仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1065|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS语法缩写划定规矩

[复制链接]
若天明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:08:49 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
利用缩写能够匡助削减你CSS文件的巨细,加倍简单浏览。css缩写的次要划定规矩以下:
色彩

16进制的色采值,假如每两位的值不异,能够缩写一半,比方:
#000000能够缩写为#000;#336699能够缩写为#369;
盒尺寸

一般有上面四种誊写办法:


  • property:value1;暗示一切边都是一个值value1;
  • property:value1value2;暗示top和bottom的值是value1,right和left的值是value2
  • property:value1value2value3;暗示top的值是value1,right和left的值是value2,bottom的值是value3
  • property:value1value2value3value4;四个值顺次暗示top,right,bottom,left
便利的影象办法是顺时针,上右下左。详细使用在margin和padding的例子以下:
margin:1em02em0.5em;
边框(border)

边框的属性以下:


  • border-width:1px;
  • border-style:solid;
  • border-color:#000;
能够缩写为一句:border:1pxsolid#000;
语法是border:widthstylecolor;
背景(Backgrounds)

背景的属性以下:


  • background-color:#f00;
  • background-image:url(background.gif);
  • background-repeat:no-repeat;
  • background-attachment:fixed;
  • background-position:00;
能够缩写为一句:background:#f00url(background.gif)no-repeatfixed00;
语法是background:colorimagerepeatattachmentposition;
你能够省略个中一个或多个属性值,假如省略,该属性值将用扫瞄器默许值,默许值为:


  • color:transparent
  • image:none
  • repeat:repeat
  • attachment:scroll
  • position:0%0%
字体(fonts)

字体的属性以下:


  • font-style:italic;
  • font-variant:small-caps;
  • font-weight:bold;
  • font-size:1em;
  • line-height:140%;
  • font-family:"LucidaGrande",sans-serif;
能够缩写为一句:font:italicsmall-capsbold1em/140%"LucidaGrande",sans-serif;
注重,假如你缩写字体界说,最少要界说font-size和font-family两个值。
列表(lists)

作废默许的圆点和序号能够如许写list-style:none;,
list的属性以下:


  • list-style-type:square;
  • list-style-position:inside;
  • list-style-image:url(image.gif);
能够缩写为一句:list-style:squareinsideurl(image.gif);

使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
若天明 该用户已被删除
沙发
 楼主| 发表于 2015-3-23 15:32:34 | 显示全部楼层
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-16 23:06

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表