wannatoo128的博客

目录1 CSS浮动1.1 传统网页布局的三种方式1.2 标准流（普通流）1.3 浮动⭐1.3.1浮动的典型应用1.4 浮动的特性⭐⭐⭐（重难点）1.4.1 浮动特性——脱标1.4.2 浮动特性——行显示1.4.3浮动特性——浮动元素具有行内块特性1.5 浮动元素经常搭配标准流的父元素⭐1.5.1 浮动元素经常搭配标准流的父元素1.5.2 浮动布局练习——小米布局案例11.5.3 浮动布局练习——小米布局案例21.5.4 浮动练习——小米案例3手机模块2 常见网页布局3 清除浮动4 PS切图5 学成在线案例

目录1. 盒子模型1.2 盒子模型（Box Model）组成1.1 边框（border）1.1.1、border-style1.1.2边框简写border1.1.3 表格的细线边框 border-collapse1. 盒子模型页面布局要学习三大核心：盒子模型、浮动、定位网页布局过程：先准备好相关的网页元素，网页元素基本都是盒子Box。利用CSS设置好盒子样式，然后摆放到相应位置。往盒子里面装内容。网页布局的核心本质：就是利用CSS摆盒子。1.2 盒子模型（Box Model）组成所谓

目录1. emmet语法1.1 快速生成HTML结构语法1.2 快速生成CSS样式语法1.3 快速格式化代码2. CSS复合选择器2.1后代选择器⭐2.2子选择器⭐2.3并集选择器⭐2.4伪类选择器3. CSS的元素显示模式4. CSS的背景5. CSS的三大特性6. CSS的注释1. emmet语法Emmet语法的前身是Zen coding，它使用缩写，来提高html/css的编写速度，Vscode内部已经集成该语法快速生成HTML结构语法快速生成CSS样式语法1.1 快速生成HTML结构

css类选择器命名

目录CSS简介CSS语法规范CSS代码风格CSS基础选择器标签选择器类选择器 ⭐类选择器-多类名id选择器通配符选择器CSS字体属性CSS文本属性CSS的引入方式Chrome调试工具CSS简介CSS层叠式样式表—————网页“美容师”CSS也是一种标记语言。 使用CSS基础选择器 设置字体样式 设置文本样式 CSS的三种引入方式 使用Chrome调试工具调试样式CSS语法规范CSS规则由两个主要部分组成：选择器以及一条或多条声明。选择器是用于指定CSS样式的HTML标签，花