CSS3详解
一、CSS3
1-1、基本概念
层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力
1-2、发展历程
CSS1.0：网页基本样式
CSS2.0：DIV（块）+ CSS，提出HTML与CSS结构分离的思想，网页变得简单，利于SEO
CSS2.1：浮动，定位
CSS3.0：圆角，阴影，动画…浏览器兼容性
1-3、快速入门
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>Title</title>
<!--规范， <style> 可以编写css代码，每一个声明，最后使用分号结尾
语法：
选择器{
声明1;
声明2;
声明3;
}
-->
<link rel="stylesheet" href="css/style.css"></head><body><h1>我是标题</h1></body></html>
1-4、导入方式
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>Title</title>
<!--内部样式表-->
<style>
h1{
color: green;
}
</style>
<!--外部样式-->
<link rel="stylesheet" href="css/style.css"></head><body><!--优先级：行内样式>内部样式>外部样式，但遵循就近原则--><!--行内样式：在标签元素中，编写一个style属性，编写样式即可--><h1 style="color: red">hello!</h1></body></html>
拓展：外部样式两种写法
<!--外部样式-->
<link rel="stylesheet" href="css/style.css">
<!--导入式-->
<style>
@import url("css/style.css");
</style>
