摘要：
浮动布局的特点 1、子级一旦浮动,就不再撑开父级高度 2、浮动的元素会不完全脱离文档流:脱离文档流的意思就是高于原文档流内盒子的显示层次 浮动布局的实例 案例1、需求：用浮动布局实现标签并排排列 案例2、需求：增加一个标签，和box的父级是同级的标签 解决案例2出现bug的问题 思路1：先检查区域， 阅读全文
摘要：
网页中能够跳转的标签都是a标签 a标签要做两个reset 1、统一字体颜色 2、清除下划线 1、盒模型的引入 有一个css文件下的reset文件 html文件下引入css文件下的参数文件 PS：margin和padding就是盒模型下的参数 CSS文件下reset文件的初始参数设置 2、盒模型解析 阅读全文
摘要：
精灵图的概念：w3school网站的菜单鼠标悬浮切换就是采用背景大图实现的，页面中每一个部分都可以是一张小图，就是选中大图的一张小图进行切换，这个大图就叫精灵图 右键检查 -> sources -> ui2017 -> bg.png PS：为什么用大图不用小图，因为程序中最耗时的就是在网络传输之后进 阅读全文
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字体操作</title> <style> .box{ width: 100px; height: 100px; background-color: aqua; co 阅读全文
摘要：
伪类的语法： ：+ 标签名（类名） 伪类选择器优先级：高于标签低于id等于class 1、伪类选择器是通过物理结构层级查找，一层一层查找 PS：每一个层次结构都可以生成很多层 2、一个父标签下有多个不同类型的子标签，伪类选择器如何查找 3、伪类选择器偶数（奇数）匹配 4、鼠标悬浮动画伪类选择器 阅读全文