CSS样式----标记选择器

一，概念

CSS(Cascading Style Sheet)，中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页信息内容分离的一种标记性语言。

二，标记选择器

<style>
h1{
color:red;//样色为红色
font-size:25px;//字体大小为25像素
}
</style>

如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id"和"class";

1，id选择器（id具有唯一性）

id选择器可以为标有特定id的HTML元素制定特定的样式，id不能重复。

HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义。

以下的样式规则应用于元素实行“id="para1”:

#para1
{
    text-align:center;    
    color:red;
}

提示：ID属性不要以数字开头，数字开头的ID在Moailla/Firefox浏览器中不起作用。

2，class选择器

class选择器用于描述一组元素的样式，class选择器有别于id选择器，class中可以在多个元素中使用。

class选择器在HTML中以class属性表示，才CSS中，类选择器以一个点“.”号显示：

在下面的例子中，所有拥有center类的HTML元素均为居中。

.center {text-align:center;}

3，第三种选择器为标签选择器，即以 html 标签作为 css 修饰所用的选择器

<style>
p{
  color:red;
}
</style>
<!--下面文字是红色的-->
<p>red text</p>

4，第四种选择器即直接在标签内部写css代码。

<h3 style="color:red;">欢迎使用</h3>//字体为红色

 

四种选择器的优先级

标签内部写css代码> id > class > 以 html 标签作为 css 修饰所用的选择器