1-1 css简介
CSS层叠样式表基础教程
讲师:何亮
130 小节 已有 90019 人学过 2019.11.13 推出
CSS层叠样式表主要用于设置网站外观,定义了网页中的各个元素的排版和显示效果,让我们的网站更加绚丽,引人注目;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。它是web开发中最基本的技能,不管是网页还是H5移动客户端,微信小程序还是桌面应用,都离不开CSS。本套课程将从最基础的知识学起,适合小白的学员,让你深入细致的入门CSS。
  • 第1章:css简介及引入
  • 1-1 css简介
  • 1-2 css优缺点1
  • 1-3 css优缺点2
  • 1-4 css书写格式1
  • 1-5 css书写格式2
  • 1-6 行内样式和内部样式
  • 1-7 外部样式
  • 1-8 导入样式
  • 1-9 css注释
  • 第2章:css选择器
  • 2-1 标签选择器
  • 2-2 ID选择器
  • 2-3 类选择器
  • 2-4 通用选择器
  • 2-5 后代选择器
  • 2-6 并集选择器
  • 2-7 交集选择器
  • 2-8 第一和最后子元素选择器
  • 2-9 nth-child选择器1
  • 2-10 nth-child选择器2
  • 2-11 css继承性
  • 2-12 css叠加性和层叠性
  • 2-13 css优先级1
  • 2-14 css优先级2
  • 第三章:伪类和伪元素
  • 3-1 静态伪类
  • 3-2 动态伪类
  • 3-3 实战我要自学网导航hover伪类
  • 3-4 伪元素1
  • 3-5 伪元素2
  • 3-6 实战after伪元素
  • 第四章:字体属性
  • 4-1 字号设置
  • 4-2 字体设置
  • 4-3 文字颜色
  • 4-4 字体粗细
  • 4-5 字体风格
  • 4-6 字体样式重置
  • 第五章:文本属性
  • 5-1 字间距
  • 5-2 行高
  • 5-3 首行缩进
  • 5-4 水平排列方式
  • 5-5 垂直对齐方式
  • 5-6 文本修饰
  • 5-7 文本阴影
  • 5-8 文本属性重置
  • 第六章:css必学基础
  • 6-1 元素宽高特点1
  • 6-2 元素宽高特点2
  • 6-3 元素类型转换1
  • 6-4 元素类型转换2
  • 6-5 元素显隐
  • 6-6 em单位
  • 6-7 rem单位
  • 6-8 百分比单位
  • 6-9 颜色名和16进制颜色值
  • 6-10 rgb和rgba颜色值
  • 第七章:背景属性
  • 7-1 背景颜色
  • 7-2 背景图片
  • 7-3 背景重复
  • 7-4 背景尺寸1
  • 7-5 背景尺寸2
  • 7-6 背景定位1
  • 7-7 背景定位2
  • 7-8 背景固定
  • 7-9 背景简写
  • 7-10 实战背景属性1
  • 7-11 实战背景属性2
  • 第八章:边框属性
  • 8-1 边框设置
  • 8-2 边框宽度和边框颜色
  • 8-3 边框样式
  • 8-4 边框方向
  • 8-5 圆角边框两大要素
  • 8-6 圆角边框设置1
  • 8-7 圆角边框设置2
  • 8-8 圆角边框设置3
  • 8-9 边框阴影
  • 8-10 轮廓及样式重置
  • 第九章:盒子模型
  • 9-1 盒子模型初识
  • 9-2 外边距设置
  • 9-3 外边距简写
  • 9-4 外边距踩坑1
  • 9-5 外边距踩坑2
  • 9-6 内边距设置
  • 9-7 内边距和边框踩坑
  • 9-8 box-sizing属性
  • 9-9 溢出隐藏
  • 9-10 元素居中及样式重置
  • 第十章:列表、表格、鼠标、滤镜
  • 10-1 列表属性
  • 10-2 表格属性
  • 10-3 鼠标样式
  • 10-4 高斯模糊和饱和度
  • 10-5 灰度和对比度
  • 10-6 透明度设置
  • 第十一章:浮动与定位
  • 11-1 浮动初识
  • 11-2 浮动元素浮特点
  • 11-3 浮动元素动特点
  • 11-4 文字环绕效果
  • 11-5 浮动布局商品列表
  • 11-6 清除浮动
  • 11-7 父元素高度塌陷
  • 11-8 防止高度塌陷1
  • 11-9 防止高度塌陷2
  • 11-10 定位初识
  • 11-11 相对定位
  • 11-12 绝对定位
  • 11-13 定位偏移量
  • 11-14 层级
  • 11-15 实战移入切换
  • 11-16 固定定位
  • 第十二章:实战“我要自学网首页”
  • 12-1 页面分析
  • 12-2 准备工作
  • 12-3 搜索区块页面结构
  • 12-4 搜索区块页面样式1
  • 12-5 搜索区块页面样式2
  • 12-6 导航条布局1
  • 12-7 导航条布局2
  • 12-8 幻灯片布局
  • 12-9 网站公告区块
  • 12-10 远程培训班区块1
  • 12-11 远程培训班区块2
  • 12-12 最新课程区块结构
  • 12-13 最新课程区块样式
  • 12-14 热门推荐区块
  • 12-15 热门推荐导航条
  • 12-16 课程分类区块
  • 12-17 课程分类导航
  • 12-18 名师简介结构
  • 12-19 名师简介样式
  • 12-20 尾部区块1
  • 12-21 尾部区块2
  • 12-22 左侧快速跳转区块
  • 12-23 右侧微信区块
  • 12-24 样式调整和补充

何亮

WEB开发资深讲师

TA的课程
相关教程推荐
menu home publish search App