目录
简介
- CSS：层叠样式表，CSS文件后缀为
.css。 - css用于在html文档中修改（美化）元素样式。
- 核心语法：选择器和声明（属性和属性值）。
引入方式
- 行内（内联）样式：在html文档元素标签内使用style添加。
- 内部样式：在html文档的head中使用
<style></style>配合css语法添加。 - 外部样式：在html文档之外编写css文件，在html文档内的head中使用
<link>引入css。
选择器
- 全局选择器：*{声明}。
- 元素选择器：元素名{声明}。
- 类选择器：.classname{声明}。
- id选择器：#id{声明}。
- 合并选择器：选择器1，选择器2，…{声明}。
- 关系选择器：
- 选择器优先级：行内样式>ID选择器>类选择器>元素选择器
属性
- 字体
- 背景
- 文本
- 表格
盒子模型
- css盒子模型
- 弹性盒子模型
文档流
脱离文档流
- 浮动
- 定位
CSS新特性
- 圆角
border-radius - 阴影
box-shadow - 动画
- 创建动画
@keyframes name{0%{css样式}…100%{css样式}} - 执行动画
animation：name duration timing-function delay iteration-count direction；
- 创建动画
- 媒体查询
- 可以使页面在不同中断和不同屏幕大小的时候达到不同的效果
- 在head标签里添加
- 语法：@media screen and （max-width：**px）{样式}
- 雪碧图
- 把所有零星图片包含到一张大图中，一次传输整张图片，使用时移到指定位置即可
- 通过background-image引入背景图片
- 通过background-position把背景图片移动到需要的位置
- 字体图标
- 使用字体图标库（阿里字体图标库）
- 从字体图标库中下载需要的字体图标
- 引入字体图标
总结
