摘要：
一：两列布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*初始化页面样式*/ body{margin: 0;padding: 0;color: #fff} /* 阅读全文
摘要：
一：单行布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*清除和初始化body样式*/ body{ margin: 0; padding: 0; color: 阅读全文
摘要：
一：static：静态定位常规定位/自然定位 二：relative：相对定位 三：absolute：绝对定位 四：fixed：固定定位 五：sticky：磁贴定位/粘性定位/吸附定位 阅读全文
摘要：
用浮动实现网页的导航和布局 header部分 主体和footer部分： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* 重置样式 */ *{margin: 0;p 阅读全文
摘要：
CSS定位机制： 1.普通流（标准流） 2.浮动 3.绝对定位 一：普通流：默认状态，元素自动从左往右或者从上往下 块元素： 1.独占一行 2.可以设置宽、高 3.如果不设置宽，默认为容器的100% 4.常见的块级元素标签：div、p、h1~h6、ul、ol、li、dl、dt、dd 行内元素 1.与 阅读全文
摘要：
一：设置列表的标记样式类型 无序列表 有序列表 二：使用图片设置列表项的标记：list-style-image 三：列表项标记的位置：list-style-position 四：列表样式缩写：list-style 阅读全文
摘要：
一：背景样式 1.背景颜色：background-color 2.背景图片：background-image： 3.设置背景图片重复：background-repeat 4.背景图片显示方式：background-attachment 5.背景图片定位：background-position 6.背 阅读全文
摘要：
实现一个列表标签 一：初始化内容和样式 二：大盒子，加样式，左右居中 三：标题块 四：内容块 五：去除最后一行内容下的横线，处理span标签的字体 阅读全文
摘要：
一：HTML元素分类： 二：display属性 处理元素之间的缝隙 解决方法1：行内标签标签之间，去掉换行或空格 解决方法2：：块级元素外部添加一个父元素，并把字体设置为0，然后把子元素的字体放大 阅读全文
摘要：
外边距：margin 二：缩写 三：声明margin属性，覆盖原有默认的margin属性 四：margin合并 五：标准盒子模型计算 计算方式 阅读全文