类可以用在任何html元素上面,它的格式是:
.类名{
属性名:属性值;
}
比如,定义一个使设置字体大小为12像素,颜色为红色的类red_font:
.red_font{
font-size:12px;
color:red;
}
在html中,你就可以在你想要任何元素上加上这个类,如
< div class="red_font">some text
< span class="red_font">some text
< h3 class="red_font">some text
< button class="red_font">some text
---------------------------------------------------
标签是用来定义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名{
属性名:属性值;
}
当html中出现用id的元素,这个id只能使用一次,因为id的作用就是方便程序找寻对象而设置的,除了只能使用一次之外,使用方法与类相似
伪类常用的有a:link,a:visited.a:hover,a:active,分别用来定义链接未点击时、点击后、鼠标移过、激活状态下的样式;
高级还有一个功能就是选择器,比如你定义了一个类:
.red{
color:red;
font-size:14px;
}
你把这个类加在两个地方
你有想把第二个red的字体放大到18像素,这个时候就可以用选择器来定义了
定义第一个red:
.div_1 .red{
color:red;
font-size:14px;
}
.div_2 .red{
color:red;
font-size:18px;
}
这的好处就是,你可以在一个html当中使用同样的类名来定义不同的样式
----------------------------------------------------
就这些吧,有什么问题随时欢迎提出来