CSS入门
2020-12-25 20:28
阅读：460
YPE html>
标签：背景图片 市场 ppt htm 菜鸟 难点 header 科技 十分
目录
- CSS入门
- 1.如何学习
- 1.1什么是CSS
- 1.2发展史
- 1.3快速入门
- 示例1：
- 示例2：建议用此规范
- CSS的优势
- 1.4CSS的三种导入方式
- 2.选择器
- 2.1基本选择器
- 黑科技网站
CSS入门
HTML + CSS + JavaScript
结构 + 表现 + 交互
1.如何学习
1、CSS是什么
2、CSS怎么用(快速入门)
3、CSS选择器【重点+难点】
4、美化网页(文字，阴影，超链接，列表，渐变...)
5、盒子模型
6、浮动
7、定位
8、网页动画(特效，推荐网站：W3Cshcool 菜鸟教程 )
1.1什么是CSS
Cascading Style Sheet 层叠级联样式表
CSS：表现层---》美化网页
字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动
1.2发展史
CSS1.0
CSS2.0：div【块】+css HTML与CSS结构分离的思想，网页变得简单SEO【搜索引擎】
CSS2.1：浮动、定位
CSS3.0：圆角，阴影，动画...【浏览器兼容性问题~】
1.3快速入门
示例1：
Title
我是标题
示例2：建议用此规范
index.html
Title
我是标题
style.css
h1{
color:red;
}
CSS的优势
- 内容和表现分离
- 网页结构表现统一，可以实现复用
- 样式十分的丰富
- 建议使用独立于html的css文件
- 利于SEO，容易被搜索引擎收录
1.4CSS的三种导入方式
- 行内样式 内部样式 外部样式
Title
我是标题
拓展：外部样式两种写法
-
link 链接式
html
-
导入式 @import
@import 是CSS2.1特有的
Title
summer
2.选择器
作用：选择页面上的某一个或者某一类元素
2.1基本选择器
- 标签选择器
- 类选择器 class
- id选择器
黑科技网站
- PPT超级市场：http://www.pptchaoshi.com/
CSS入门
标签：背景图片 市场 ppt htm 菜鸟 难点 header 科技 十分
原文地址：https://www.cnblogs.com/ls-summer/p/14166059.html
上一篇：CSS基础学习
评论
亲，登录后才可以留言！