当前位置:首页>优优资讯 > 软件教程 > 电脑软件教程 > Dreamweaver入门教程之CSS语法结构

Dreamweaver入门教程之CSS语法结构

作者:本站整理 时间:2015-02-12

  每种语言工具都有其特定的语法结构,CSS也是如此。下面我们就展开CSS语法结构的介绍。通常情况下,CSS语法由三部分组成的,分别是选择器、属性和属性值。规则如下:

  选择器 { 属性: 属性值; }

  例如:h1 {font-size: 12px;}

  选择器就是你想要指定的HTML标签,以上例子中h1即为选择器。属性和属性值则是说明你想要描述h1的哪一个属性,该属性的值为多少,本例中指定h1字体大小属性为12像素,写成font-size: 12px。属性和属性值之间用一个冒号“:”分开,以一个分号“;”结束,最后别忘记用一对大括号“{}”括起来。

  我们也可以为一个选择器同时定义多个样式,样式之间用分号“;”隔开。也可以同时为几个标签同时定义一组样式,标签之间用逗号“,”隔开。也许这两句话比较绕嘴,不过事实上上面例子的第二行代码就用到了CSS的这个特性。语句“h2,h4 {font-size: 12px; display:inline;} ”同时为h2和,h4两个标签定义了两个样式。当然了,为了使你的CSS代码更容易阅读和维护,你可以分行书写这些属性:

  h2,h4 {

  font-size: 12px;

  display:inline;

  }
 

相关文章

相关推荐

最新攻略

用户评论

(已有0条评论)
表情
注:您的评论需要经过审核才能显示哦,请文明发言!
还没有评论,快来抢沙发吧!