2013-09-28 37 views
-1

我正在写我的第一个web site,这是一个有四页的小文本。每个页面都有四个常见的结构元素:标题,导航,div id =“content”和页脚。哪些CSS属性进入Id,哪些进入类

接下来,我将CSS属性添加到HTML元素,并且我已经使用ID和类将它们挂钩到CCS样式表中。 我有read它是正确的使用ID和类的元素,所以我想知道哪些CSS属性我必须写入CSS ID规则和哪些到CSS类规则。

我想举个例子。我应该写下面的CSS规则:

.centered_box{ 
    margin: 0 auto; 
    width: 960px; 
} 

,然后将其应用到结构要素:标题,主,页脚或最好是重复保证金和width属性到结构元素的ID CSS规则:

header, nav, footer, div#content { 
    margin: 0 auto; 
    width: 960px; 
} 

预先感谢

+0

'#id'和'.class' ..不幸的是,这可能会被关闭.. –

+2

没有属于一个不属于另一个属性的属性,只是将属性放在选择器中更容易使用 –

+0

如果您正在编写HTML5,则最有可能无法识别使用class/id的元素。只需使用HTML元素['

'](http://www.w3.org/TR/html-markup/header.html),['

回答

1
  • 您可以使用ID和类也相同属性的所有属性。
  • id和class之间的基本区别是,
    • id用于唯一标识元素,您可以使用它的样式。每个元素都有不同的id(逻辑上)。
    • 对于许多要应用相同样式属性的元素,您可以使用类。
  • 查看下面的简单示例。

    #but {背景颜色:红;}

    .but1 {背景色:蓝色;}

  • 这里#but是ID,是指具有该ID将具有红色背景仅单个按钮。 和.but1是类意味着所有具有此类的按钮将具有蓝色背景色。

+0

我刚刚编辑了我的问题,请问您再阅读一次。您如何看待示例代码? –

2

有不特定属性,类和ID的唯一区别是,ID是要在网页上使用一次和类将被使用多次

+0

我刚刚编辑了我的问题,你能否再次阅读。您如何看待示例代码? –

+0

@ user1820567这没关系......你只需要使用.class来创建一个通用样式,就好像你想把两个单独的段落转换成你可以做的特定颜色一样.example {color:#CCCCCC; }然后在两个段落中添加该类。但是对于ID,它会标识该元素,因此它只能在网页上使用一次,这就是您真正需要了解的元素 –

相关问题