什么是Css
如何学习
1.CSS是什么
2.CSS怎么用 (快速入门)
3.CSS 选择器(重点 + 难点)
4.美化网页 (文字,阴影,超链接,列表,渐变…)
5.盒子模型
6.浮动
7.定位
8.网页动画 (特效效果)
一、什么是CSS
1.1、CSS是什么
cascading style sheet 层叠级联样式表
html:内容层
css:表现层 美化网页
1.2、发展史
- CSS1.0
- CSS2.0 DIV(块)+CSS,HTML与CSS结构分离的思想,网页变得简单,SEO
- CSS2.1 浮动,定位
- CSS3.0 圆角,阴影,动画.I.浏览器兼容性
1.3 css的优势:
1、内容和表现分离
2、网页结构表现统一,可以实现复用
3、样式十分的丰富
4、建议使用独立于html的css文件
5、利用SEO,容易被搜索引擎收录! Vue
6、样式表示例,style标签与css文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title1我的第一个CSS</title>
<!-- 规范:<style> 可以编写css代码
写在<head>标签里
语法:
选择器{
声明1;
声明2;
声明3;
}
-->
<style>
h1{
color: red;
}
</style>
<link rel="stylesheet" href="CSS/style.css">
<!--href是指向的地址,在html中引入css文件-->
</head>
<body>
<h1> 我是标题</h1>
<h2>我是css文件的标题</h2>
</body>
</html>