CSS中的标点符号

最近又开始做网页,发现之前写的页面不规范,这次从头在来,希望一次比一次进步,先从CSS中的标点符号开始吧,这篇做为草稿已经放了很长时间了,还是晒出来吧,也方便编辑。CSS的标点符号不同的场合,起着不同的作用,收集一下,不断完善。

双引号 ""

1、同时调用多个class样式,class名称之间用空格分开,两个样式同时起作用。

a.red  { color: #FF3131; }
a.xhx  { text-decoration: underline; }

<a class="red xhx" herf="#"></a> 

2、在font-family设定字体时,用于定义字体族名称。

如,font-family : "Lucida Grande", Verdana, 宋体;

逗号 ,

1、用于分隔css属性参数。如字体定义,并行定义,按序取值:

Font: Tahoma, Verdana, Lucida, Arial, 宋体, sans-serif;

2、一次同时定义多个标签,赋相同的属性:

h1, h2, h3, h4, h5, h6  {
        font-size: medium;
}

分号 ;

用于一个CSS定义语句的结束。

斜扛 /

在font缩写“字号与行距”定义中出现。

font: 12px/150% bold italic;

空格

用于区分参数定义,如 border-bottom: 1px solid silver;

用于标签定义的继承所属关系,如 #slider1 p { text-align: left; margin: 15px 0 } ,定义 slider 下面的 p 标签属性。

井号 #

在 id 选择器定义中使用,

如 <div id="warp"> CSS文件

#warp {
        border: none;
}

点 .

和上面的#号相对应,用于 class 选择器定义,如<div class="red">

.red {
        color: red;        
}

发表评论

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

在此广告

增值服务

  • 当当网,全球最大的中文网上商城
  • 订阅荆棘鸟的博客
  • 警察叔叔
Top

Powered By Z-Blog 1.8 Arwen Build 81206

© 2007-2009 zfnn.com. 皖ICP备07503469号