摘要：
CSS text-decoration 属性 display display 属性规定元素应该生成的框的类型 阅读全文
摘要：
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>布局</title> <style> /*盒模型的解析*/ .div{ /*这个位置属于content区域，就是盒模型最内层的区域，用来设置标签的范围，其实就是整个色块区域的大小*/ 阅读全文
摘要：
HTML 1、<meta charset="UTF-8"> #设置页面编码，这个设置英文则现在国内浏览器会弹出是否要转换中文 2、<title>我的第一个页面</title> #设置网页的抬头名称 3、<body><!--页面中所有要展现的内容都要写在body标签内--></body> 4、<met 阅读全文
摘要：
浮动布局的特点 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、鼠标悬浮动画伪类选择器 阅读全文
摘要：
高级选择器 优先级： 1、最大的特点就是个数多的优先级高，个数决定优先级 2、高级选择器优先级与类别无关（后代、子代、兄弟、相邻等都是同等优先级的，谁在上面谁的优先级高） 3、id无限大于class标签无限大于标签 4、上方结果之后优先级还一致，和顺序有关 1、群组选择器 2、后代选择器（使用率最高 阅读全文
摘要：
选择器的种类： 1、标签选择器 语法：div{} 2、通配选择器 语法： *{} 3、class选择器(类选择器)： 语法： .class{] 4、id选择器 语法： #box 5、！import选择器 语法： div{background-color: yellowgreen!important; 阅读全文