CSS基础笔记

1.CSS概述
层叠样式表，用来美化HTML页面

2.div、span、p标签
这三个标签都可看做成容器，用来包裹其他HTML内容，被包裹的内容可以统一通过CSS来添加样式。
div ：独占一行
Span：可以同行显示
P ：独占一行，但是上下留有一些空白
3.在HTML 有3中引入CSS的方法
（1）在标签上添加style属性引入CSS
这种凡是不推荐大量使用，会造成页面混乱
style="border: 2px solid #ff0000; -----边框大小2像素，颜色为红色
font-size: 30 px; -----字体大小30像素
Fo nt-family: 微软雅黑; ----字体样式为微软雅黑
font-style:italicf； -----字体样式为斜体
font-weight: bold; ------字体样式设置为加粗

（2）通过style标签引入CSS样式
在head中添加style标签，来引入CSS，这种方式初步实现了HTML代码和CSS代码的分离。

-----在head标签中写入

（3）引入外部的CSS文件
通过link标签引入外部的CSS文件，真正实现了CSS代码和HTML代码的分离。

首先在外部创建.CSS文件
—在head标签中引用

4.选择器
4.1.基本选择器
（1）标签名选择器：通过标签的名称选中元素，格式：标签名{ }
（2）类选择器：通过标签上的class值选中元素，格式：.类名{ }