HTML从基础到开发——第二天 三剑客之二 CSS基本样式，class，id

1、什么是CSS？

层叠样式表（Cascading Style Sheets，简写CSS），是一种用来为HTML文档添加样式（字体、间距、位置、颜色、角度等显示效果）的计算机语言

HTML是内容的展示，CSS是内容的装饰

2、CSS的引用方式

2.1、行内样式

在开始标签的内部可以设置一个叫做style的属性，属性的双引号内存放该元素代码的CSS样式

2.2、内联样式

在head标签中间新建一个style标签，该标签内部存放的就是网页文件中的CSS代码

CSS中的代码注释格式采用的是：/* 注释文字 */

2.3、外部引用

在head标签中间新建一个link标签，通过href属性设置外部CSS文件地址。rel=“stylesheet”表示我们引用的是一个样式表（CSS）文件

3、元素选择器

选择器：选择元素的器具或是工具

class命名的元素使用: . + 

id命名的元素使用: #

 3.1、网页文档结构分析

 3.2、后代选择器

后代元素选择器是用空格，空格前后各有一个选择器

作用是：找到空格前的选择器所选中的元素的后代元素中符合空格后选择器的要求的元素

 

3.3、子元素选择器

子元素选择器是用大于号，大于号前后各有一个选择器

作用是：找到大于号前的选择器所选中的元素的子元素中大于号后选择器的要求的元素

3.4、相邻选择器

相邻元素选择器是用+，找到加号前的选择器所选中的元素紧跟其后第一个符合+号后选择器选中的元素

3.5、兄弟选择器

兄弟元素选择器是用~，找到~号前的选择器所选中的元素紧跟其后所有符合~号后的选择器选中的元素