Dreamweaver中 css样式“类”“标签”“高级”区别联系
类 可以用在任何html元素上面，它的格式是：
.类名{    属性名:属性值；}
比如，定义一个使设置字体大小为12像素，颜为红的类red_font:
.red_font{    font-size:12px;    color:red;}
在html中，你就可以在你想要任何元素上加上这个类
如< div class="red_font">some text</div>
< span class="red_font">some text</span>
< h3 class="red_font">some text</h3>
< button class="red_font">some text</button>

 标签是用来定义html已经定义好的元素，如body,h1,h2,h3,ul,li等等，他的格式是：
标签名{    属性名:属性值；}
如，我要把页面上的h1到h6的颜全部设定为蓝，行高设定为300％：
h1,h2,h3,h4,h5,h6{    color:blue;    line-height:300%}
这样在html当总使用这些标签的时候，标签里面的内容就将按照定义好的样式出现；

高级，是定义id、伪类选择器的，定义id的格式是
#id名{    属性名:属性值；}
当htmlcss鼠标点击样式中出现用id的元素，这个id只能使用一次，因为id的作用就是方便程序寻对象而设置的，除了只能使用一次之外，使用方法与类相似<div id="id名"></div><span id="id名"></span>
伪类常用的有a:link,a:visited.a:hover,a:active，分别用来定义链接未点击时、点击后、鼠标移过、激活状态下的样式；
高级还有一个功能就是选择器，比如你定义了一个类：.red{    color:red;    font-size:14px;}你把这个类加在两个地方<div class="div_1">    <div class="red">some test</div></div><div class="div_2">    <div class="red">some test</div></div>你又想把第二个red的字体放大到18像素，这个时候就可以用选择器来定义了定义第一个red：.div_1 .red{    color:red;    font-size:14px;}.div_2 .red{    color:red;    font-size:18px;}这的好处就是，你可以在一个html当中使用同样的类名来定义不同的样式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。