Dreamweaver CS3中新建CSS规则的选择器类型的三类各有啥作用？

Posted 2023-02-28

类，标签，高级（ID,伪类选择器等），各个的作用，以及对哪些东西起作用的，希望可以通俗些解答

类选择器：.class 如：

<style type="text/css">

.abc background-color:red;
</style>
<div class="abc">这里是类abc的内容</div>

标签选择器：浏览器自带的标签 如：body、img、a等等。
<style type="text/css">
img display:block; width:1000px;
</style>
<img src="abc.jpg" />
ID选择器： #id 如：
<style type="text/css">
#abc background-color:red;
</style>
<div id="abc">这里是IDabc的内容</div> 参考技术A 先列出他们的定义方式：<style> .myStyle------类选择器 color:red; div-----标签选择器 color:gree; #myStyle---------ID选择器 color:bule; </style> 1、类选择器：根据类名来选择，类名定义方式：<div class="myStyle"></div>，类选择器的定义方式：以点开头后面是选择器名字——.myStyle。注明：需要定义class属性2、标签选择器：根据标签选择，标签选择器是根据标签名称来定义的！如上面的：<div class="myStyle"></div>，在css中如果有定义div的标签样式，那么他们的加载样式的顺序则是：先加载定义的标签样式，后加载名称为：.myStyle的标签样式。注明：标签样式无需定义其他属性，只要你定义了标签样式，而你的html代码中又存在此标签，即会生效。3、ID选择器：根据ID名称去选择，<div id="myStyle" class="myStyle"></div>，以上说明类推，ID选择器，顾名思义，需要定义ID属性，并且样式在定义时以#号开头。，<div id="myStyle" class="myStyle"></div>，顺便说下这里的样式加载顺序：先加载定义的标签样式，后加载名称为：#myStyle的ID样式，最后才是.myStyle类样式。我在样式里面设置的均是颜色，分别是红（.myStyle中），绿（DIV的标签样式中），蓝(#myStyle中)，颜色的最终显示结果将会是红色，因为<div id="myStyle" class="myStyle"></div>，这段标签中，class属性是定义在最后的，所以显示结果是红色red. 4、伪类选择器 比如说：鼠标悬停，就是属于伪类中的一个。 例子：a:link a:hover a:visted link:超链接没有被点击时的样式。 hover:鼠标悬停在超链接时的样式、 visited 超链接被访问过后的样式。 参考技术B 1、类 ：定义的时候前面必须加点“.”,如：.td1，用class调用。2、标签：就是body、table……网页里面的标签，不许调用，自动套用。3、高级： 高级定义的方式可以在前面加点“.”或者“#”，加点就是和类差不多，在前面加#的话就是id调。 参考技术C 最基础的东西了，把dw删了，网上找点css入门基础教程看看

学做网页，要看教程自己写代码，别用dw这种所谓可视化(又实现得不是很好)的傻瓜软件。写代码你才会明白本质原理。 参考技术D 不会弄那个