CSS简介及基础选择器

目录

一、CSS简介

1.1  CSS语法简介

1.2 CSS代码风格

二、CSS基础选择器

2.1 选择器分类

2.2 标签选择器

2.3 类选择器

2.4 id选择器

2.5 通配符选择器

CSS的主要使用场景就是美化网页，布局页面的。

因为HTML具有一定的局限性，只关注内容的语义，外表不够美观，虽然可以做简单的样式，但是很臃肿和繁琐。

一、CSS简介

CSS是层叠样式表的简称，也称CSS样式表或级联样式表。

CSS是一种标记语言，主要用于设置HTML页面中的文本内容（字体、大小、对齐样式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。

CSS最大的价值：由HTML专注去做结构呈现，样式交给CSS，即结构（HTML）与样式（CSS）想分离。

1.1  CSS语法简介

使用HTML时，需要遵从一定的规范，CSS也是如此。要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。

CSS规则由两个主要的部分构成∶选择器以及一条或多条声明。

注意：

●选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式.

●属性和属性值以“键值对”的形式出现.

●属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等.

●属性和属性值之间用英文“:”分开.

●多个“键值对”之间用英文“;”进行区分.

1.2 CSS代码风格

1.样式格式书写

①紧凑格式

h3{color:deeppink;font-size:20px;}

②展开格式