文章目录
-
- 1.CSS的简单介绍
- 2.什么是CSS和发展史
- 3.CSS的快速入门及优势
- 4.四种css导入方式
- 5.三种基本选择器(重要)
- 6.层次选择器
- 7.结构伪类选择器
- 8.属性选择器(常用重要)
- 9.CSS的作用及字体样式
- 10.文本样式
- 11.文本阴影和超链接伪类
- 12.列表样式练习
- 13.背景图像应用及渐变
- 14.盒子模型及边框使用(重要)
- 15.内外边距及div居中
- 16.圆角边框及阴影和经验分享
- 17.display(重要)和浮动
- 18.overflow及父级边框塌陷问题
- 19. 相对定位的使用及练习
- 20.方块定位练习讲解
- 21.绝对定位和固定定位
- 22.z-index及透明度
- 23.动画及视野拓展
- 24.CSS小结
1.CSS的简单介绍
2.什么是CSS和发展史
3.CSS的快速入门及优势
<!-- 规范<style> 可以编写css代码,每一个声明,都用分号隔开。
语法:
选择器{
声明1;
声明2;
声明3;
}
-->
<!--方式一:-->
<style>
h2 {
color: blue;
}
</style>
<!--方式二:建议使用-->
<link rel="stylesheet" href="css/style.css">
4.四种css导入方式
<!-- 第一种方式: 行内样式 标签元素中直接编写style属性 -->
<h1 style="color:red;">您好!</h1>
<!--第二种方式: 内部样式 -->
<style>
h2 {
color: green;
}
</style>
<!-- 第三种方式:外部样式 -->
<link rel="stylesheet" href="css/style.css">
<!-- 样式优先级:就近原则 -->
扩展:外部样式:
- 外部样式 链接式 html
<link rel="stylesheet" href="css/style.css">
- 外部样式 导入式 CSS2.1特有的
<style>
@import url("css/style.css");