css基础选择器的语法格式(css基本语法结构)

css基础选择器的语法格式

CSS语法格局：
格局∶
挑选器{
特点名1:特点值1;
特点名2:特点值2;
}
挑选器:挑选具有类似特征的元秦
注意:
每一对特点需要运用;隔开，最终一对特点可以不加;
CSS_挑选器_根底挑选器：
1.根底挑选器
1.id挑选器:挑选具体的id特点值的元素.建议在一个html页面中id值唯一
语法:#id特点值{}
2．元秦挑选器:挑选具有相同标签称号的元秦
语法:标签称号{}
注意:id挑选器优先级高于元秦挑选器
3．类挑选器︰挑选具有相同的class特点值的元秦。
语法:.class特点值{}
注意:类挑选器挑选器优先级高于元秦挑选器

css基本语法结构

CSS语法由三部分组成：选择器、属性和值。选择器｛property:value｝通常是要定义的HTML元素或标记，该属性是要更改的属性，每个属性都有一个值。属性和值用冒号分隔，并用大括号括起来，形成一个完整的样式声明：body｛color:blue｝这行代码的目的是将body元素内部的文本颜色定义为蓝色。在上面的例子中，主体是一个选择器，而大括号中包含的部分是声明。声明按顺序由两部分组成：属性和值，颜色作为属性，蓝色作为值。
1.css的界说
CSS指层叠款式表（CascadingStyleSheets）
款式一般存储在款式表中
2.为什么要运用CSS
款式界说怎么显现HTML元素
是为了处理内容与表现别离的问题
内容：首要指HTML中的元素
表现：首要指内容在浏览器中出现的款式
3.CSS首要意图：
能够让相同的一个页面在不同浏览器傍边出现相同的款式CSS声明
款式特点操作符款式值分隔符
CSS声明块(可认为某一个元素设置多个款式特点)
{
background-color:#FFFFFF;
color:#000000;
}
界说CSS的两种方法
-内联款式方法
-外联款式方法：将内容和款式进行了别离（低耦合）
(1)先来介绍一下内联款式：
在body中界说的款式。缺点：耦合度太高，而且假如多个阶段都需要同一种色彩，那么每个阶段中都要添加特点，这样太繁琐。
代码如下：
怎么运用CSS款式
这是一个阶段内容.
这是又一个阶段内容.
作用：
在这里刺进图片描绘
(2)外联款式
界说：在中界说款式，元素选择器，找到页面中所有的p元素
代码如下：
怎么运用CSS款式二
这是一个阶段内容.
这是又一个阶段内容.
作用：
在这里刺进图片描绘
能够看出外联款式能够将body中所有的阶段都界说为相同的款式，但是这样还是不能让款式和内容到达完全别离的意图。
（3）款式和内容的完全别离
要做到这一点，需要再树立一个css文件将款式写到其中
代码如下：
css文件代码：
p{color:lightblue;font-weight:bolder;
}
“
html文件代码：
怎么运用CSS款式三
这是一个阶段内容
作用：
在这里刺进图片描绘
（4）款式运用的优先等级
现在同时再一个html文件中界说内联款式和外联款式，并且界说的色彩是不同的。
代码如下：
款式运用的优先等级
这是一个阶段内容
作用：