CSS简单介绍
HTML 结构
CSS 表现
Javascript 交互
-
css是什么
-
怎么用
-
css选择器（重点+难点）
-
美化网页（文字美化，阴影，超链接，列表，界面）
-
盒子模型
-
浮动
-
定位
-
网页动画（特效）
参考：菜鸟教程
什么是CSS
cascading style sheet 层叠样式表
CSS：表现（美化表现）
字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动
发展史
CSS1.0
CSS2.0 DIV（块）+css HTMl与CSS结构分离，网页变得简单。SEO搜索引擎优化
CSS2.1 浮动 定位
CSS3.0 最新功能：阴影 ，圆角边框，动画 浏览器兼容性
快速入门
html与css一体时：
head中写style，css内容写在style里面
语法：
每一个声明最好使用分号结尾
选择器{
声明1；
声明2；
声明3；
}
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
h1{
color: red;
}
</style>
</head>
html与css分离时
IDEA中创建style sheet文件，然后直接写选择器加声明
两者通过html中的link标签进行连接，外部引用
<link rel="stylesheet" href="style.css">
CSS的优势
- 内容和表现分离
- 网页结构表现统一，可以实现复用
- 样式十分丰富，可以自由选择
- 建议使用独立于html的css文件
- 利于SEO，容易被搜索引擎收录
893
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
