一，概念

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 修饰所用的选择器

CSS样式----标记选择器相关推荐

CSS样式中选择器+盒子模型+定位+浮动
CSS样式中选择器+盒子模型+定位+浮动一.选择器选择器,选择你所需要修饰的HTML元素 1.通配符选择器 <!DOCTYPE html> <html><head&g ...
css样式,后代选择器
css介绍 CSS(层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染).css语法(下图所示) 每个CSS ...
html的css样式中表示后代选择器,css样式,后代选择器
css介绍 CSS(层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). css语法(下图所示) 每个CS ...
css的基本操作学习--css样式，选择器，hover，文字属性，文本属性，背景
什么是css? 通配符选择器 <head>/* *通配符选择器匹配任何元素 */*{margin: 0;padding: 0;} </head> css样式有三种一种是内嵌 ...
java基础57 css样式、选择器和css定位（网页知识）
本文知识点(目录): 1.CSS样式 2.选择器 3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构 2.css(层叠样式表)在一个页面中负责了一 ...
CSS样式（选择器）的优先级
第一优先级:无条件优先的属性只需要在属性后面使用!important.它会覆盖页面内任何位置定义的元素样式.(ie6支持上有些bug). 第一等:内联样式,如:style="color:re ...
前端css样式及选择器
标题: 1.scc概述 2.行内样式 3.内接样式 4.外接样式(链接式) 推荐使用 5.外接样式(导入式) 6.嵌套规则 7.css选择器 1.scc(Cascading Style Shee ...
css初级知识点(css样式分类、css选择器种类及优先级)
美化样式 Css样式分类行内样式:<标签名style="属性名:属性值;"></标签名> 内部样式:<style></style> ...
CSS样式（一）- 基本语法
css样式 - 基本语法 css样式语法 - 基本语法格式 css又叫层叠样式表 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明选择器: 通常是您需要改变样式的HTML元素例如: ...

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