1.css的简单介绍
-
1.CSS是什么
-
Cascading Style Sheet层叠级联样式表
-
Css:表现(美化网页)
-
字体,颜色,编剧,宽度,背景图片,网页浮动,网页定位
-
-
发展史
-
css1.0
-
css2.0 DIV(块)+CSS ,HTML与css结构分离死亡,网页变得简单,,SEO
-
css2.1 浮动 定位
-
css3.0 圆角边框,阴影,动画…浏览器兼容性…
-
2.CSS怎么用
-
基本入门:
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范,<style> 可以编写css的代码,每一个声明最好使用分号结尾 语法 选择器{ 声明1; 声明2; 声明3; } --> <style> h1{ color: red; } </style> </head> <body> <h1>学习使我快乐</h1> </body> </html>
-
建议使用这种规范
*
-
优势:
-
1.内容和表现分离
-
2.网页结构表现统一,可以实现复用
-
3.样式十分丰富
-
4.建议使用独立于html的css文件
-
5.利用seo,容易被搜索引擎收录
-
3.CSS选择器(重点+难点)
-
4.美化网页(文字,阴影,超链接,列表,渐变。。。)
-
5.盒子模型
-
6.浮动
-
7.定位
-
8.网页动画(特效效果)
-
推介网站:菜鸟教程: