摘要：
文字对齐问题 文字无法与背景图标居中对齐 使用inline-block 与vertrical-align配合使用 然后使用margin就可以进行移动了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Docu 阅读全文
摘要：
字体图标 优点 可以做和图片一样的事 其本质就是文字 可以随意的改变颜色、产生阴影、透明效果等 体积更小、携带的信息没有消减 主流浏览器都支持 字体图标使用流程 1.UI人员设计字体图标效果图 2.前端人员上传生成兼容性文字文件包 3.前端人员下载兼容字体文件包到本地 4.把字体文件包引入到HTML 阅读全文
摘要：
溢出文字隐藏 white-space 属性 normal 默认处理方式 nowrap 强制在同一行内显示所有文本 除非遇到<br>标签 可以配合overflow: hidden使用 text-overflow(文字溢出) 属性 clip 不显示省略标记（...），而是简单的裁切 ellipsis 当 阅读全文
摘要：
CSS定位机制有3种 普通流(标准流)、浮动、定位 normal flow(标准流) 一个页面标签元素正常从上到下，从左到右的意思 比如块级元素会独占一行 行内元素会按顺序一次前后排列 float(浮动) 脱离标准流，不占位置 块元素添加float属性后，会具有行内块元素特性 行内块元素添加floa 阅读全文
摘要：
CSS书写规范 空格规范 选择器 与 {}之间必须包含空格 示例 ： .selector{} 属性名与之后的 : 之间不允许包含空格，: 与属性值之间必须包含空格 示例： font-size: 12px; 选择器规范 当一个rule包含多个selector时，每个选择器申明必须独占一行 选择器的嵌套 阅读全文
摘要：
CSS样式表(书写位置) 内部样式表 将css代码集中写在HTML文档的head头部标签中 <head> <style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} </style> </head> 行内式（内联样式） 通过style属性设 阅读全文
摘要：
表格 表格基本语法 table用于定义一个表格 tr用于定义表格中的一行 td用于定义表格中的单元格 注意 <td></td>标签，他就像一个容器，可以容纳所有的元素 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 表格属性 border - 阅读全文
摘要：
web标准 Web 标准构成 结构 结构用于对网页元素进行整理和分类，主要是HTML 表现 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS 行为 行为是指网页模型的定义及交互的编写，主要是Javascript 理想状态我们的源码： .HTML .css .js HTML初识 HT 阅读全文