CSS 语言定义标签问题

html-css016

CSS 语言定义标签问题,第1张

楼1回答的应经很详细了,我再补充一下吧

1.如果h1.dabiaoti,h1#daohang 在h1和.dabiaoti之间没有空格的话,就是楼1说的意思,即“<h1 class="dabiaoti">我有作用</h1>有作用

而<div class="dabiaoti">我没作用</div>是没有作用的”。我的理解是h1.dabiaoti翻译成人语就是“h1标签的class属性为dabiaoti的那个标签”

但还有另一种情况,在h1和 .dabiaoti之间有空格的话,就是另一种意思了,同样,h1 .dabiaoti翻译成人语就是“h1标签所包含的所有class属性为dabiaoti的标签” ,即“<h1 >我没有作用<span class="dabiaoti">我有作用</span></h1>”。因为“<span class="dabiaoti">我有作用</span>”被整个<h1>标签包含,所以它就调用了css文件里的h1 .dabiaoti的属性。

2.除了定义一个类.c1,我们还可以自定义一个id,在css文件里写作#c1,调用时如下<div id="c1"></div>。id和class不同在于:同一个名字的id在一个html页面里只能调用一次,它标示了这个页面样式唯一的一个块。而同名的class可以在一个html页面多次调用,用于实现一个页面里具有相同的样式的块。

给每一个div定义为不同的名称,,,,然后再给你想要设置的div加样式,,,

例:<div id="con">

<div id="son"></div>

</div>

#con{width:400px

margin:0 auto}

这是给外层的div加样式,,,,和#son没关系