摘要：
一、水平居中 1）如果是行内元素，需要在它的父元素上设置text-align: center; 2）如果是块元素，直接设置元素的css属性text-align: center; 或则可以定宽再加上margin:0 auto; 二、垂直居中 垂直居中的时候情况会比较多，根据不同的情况分别有下列几种方法 阅读全文
摘要：
一、盒子模型 注意：两个相邻元素的margin值是重叠在一起的，取当中最大的那个值。 水平方向auto， margin:0 auto;会居中 但是margin-left:auto;，元素会到最右边 标准盒子模型中：盒子的总宽度 ＝ 左右margin + 左右border + 左右padding + 阅读全文
摘要：
一、CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow） 流动模型是默认的网页布局模式。 在流动模型下，内联元素都会在所处的包含元素内从左到右按顺序水平分布显示。 在流动模型下，块状元素都会在所处的包含元素内自上而下 阅读全文
摘要：
@font-face语句是css中的一个功能模块，用于实现网页字体多样性的模块(设计者可随意指定字体，不需要考虑浏览者电脑上是否安装)。 @font-face文件 而由于网页中使用的字体类型，也是各浏览器对字体类型有不同的支持规格。 字体格式类型主要有几个大分类：TrueType、Embedded 阅读全文
摘要：
二、矢量图标使用 1、进入：http://www.iconfont.cn/ 搜索你图标的关键字，然后将需要的图标字体加入购物车 加入购物车之后，添加到项目 2、点击查看在线连接，生成css代码，把代码复制到css文件中。 3、在HTML中需要使用到该图标的位置用<em>或则<i>标签，里面写上所用图 阅读全文