CSS样式

1.首先我们先了解什么是CSS

CSS是Cascading Style Sheets（层叠样式表单）的简称，CSS就是一种叫做样式表（stylesheet）的技术。它用于定义HTML元素的显示形式，是一种格式化网页内容的技术。CSS现在已经被大多数浏览器所支持，成为网页设计者必须掌握的技术之一。

W3C自1996年12月发布第一个CSS正式推荐版CSS 1.0以来，一直在对CSS标准进行修订、升级。1999年1月，CSS 2.0 正式推荐版发布，增加了对其它媒体（打印机、视觉设备）、可下载字体、元素定位和表格的支持。最新标准的CSS 3.0已经发部，其主要的影响是可以使用新的可用的选择器和属性，这些会允许你实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出以前需要JavaScript才能设计出来的效果。

2.css有什么作用 能帮我们解决什么问题呢

1. CSS技术帮我们控制网页中的字体大小、页面宽度、页面内容靠左靠右、字体样式、某些网页里区域背景图片、背景颜色、超链接鼠标事件样式、图片居中、文字居中、网页中内容板块间隔等样式。
2. CSS的最核心作用：实现将内容与表现形式相分离

3.让我们了解一下css的基础语法

选择器 { 属性1: 值1; 属性2: 值2; ... 属性N: 值N; }

也就是每条声明由一个属性和一个值组成，属性和值用冒号(“ : ”)分开，多条声明用分号(“ ; ”)分开。

css引入样式的方式：行内样式   内部样式    外部样式

样式的优先级遵循     就近原则（哪个样式离得近  就遵循哪个样式）

CSS选择器：基础选择器  关系选择器  属性选择器  伪类型选择器

基础选择器包含：标签选择器、class选择器、id选择器和通配符选择器。

基础选择器的优先级：！important>id选择器>class选择器>标签选择器>通配符选择器

因为各个选择器的权重不一样

关系选择器又包括交集选择器和并集选择器

后代选择器对后代元素都起作用

亲子选择器只对子辈元素起作用

属性选择器

通过html的属性来选择元素，<p align="center"></p> align即是属性，center是align的属性值。

写法：元素[ 属性名= “属性值”] ，等号不固定，可换其它符号。

​​​​​​​复合标签优先级比较

复合标签优先级：由三个级别和各级别的出现次数决定的，三个级别对应的是：ID选择符、class选择符、元素选择符。