css 子类的定义含义 #Info .fl

html-css017

css 子类的定义含义 #Info .fl,第1张

<body>

<div id="header"><div class="red"></div></div>

<div id="content"></div>

<div id="footer"><div class="red"></div></div>

</body>

样式表↓

#header .red{}

#footer .red{}

用#的是ID选择器，命名时用id，在一个页面里不能重复出现。

用.的是类选择器，命名时用class，在一个页面里可以出现多次。

配合最上面那几句代码一起看，那这个样式表的意思就是id名为header的Div里面嵌了一个class名为red的Div

不知道你看得懂不？顺便和你分享一个资料，看下图。

<input class="sub" type="submit" value="提交"/>

input 里有个 class sub

.sub{

    padding-top:5px

}

css 中有个 .sub

它当然会按照你的指示 padding-top 5px；要不变形，要么把 input 的 class 删除，要么把 css 中的 .sub 删掉。

定义css分三类：

第一类：标签元素

body,ul,li等，直接定义 ，格式：标签名{属性：样式}

body{font-size:12px}

第二类：类定义 在前面都是要加点

.top{margin-top:20px}

第三类：id定义，id定义是样式里做高的，一般不建议用。id定义用#

#footer{ margin-top:20px}