摘要：
■ 关于显示模式 元素显示模式就是元素(标签)以什么方式进行显示 比如<div>标签独占一行，<span>标签可以在一行里放多个 ■ 分类 显示模式分为以下几类： ▶ 块元素 ▶ 行内元素 ▶ 行内块元素 ■ 块元素 常见的块元素有<h1>~<h6>，<p>，<div>，<ul>，<ol>，<li> 阅读全文
摘要：
■ 关于Emmet 在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼 这里推荐一个Emmet语法规则，能大大提高代码书写，只需要敲一行代码就能生成你想要的完整HTML结构 Emmet是一款插件，只要能安装他的编辑器都能使用，大部分编辑器都可以使用该语法 阅读全文
摘要：
■ 三种引入方式 按照CSS样式书写的位置(或者引入的方式)，CSS样式表可以分为三大类： ▶ 行内样式表(行内式) ▶ 内部样式表(嵌入式) ▶ 外部样式表(链接式)--推荐使用 ■ 行内样式表 □ 使用说明 在元素标签内部的style属性中设定CSS样式，适合于修改简单样式 使用行内样式表设定C 阅读全文
摘要：
■ 定义 line-height属性用于设置行间的距离(行高)，可以控制文字行与行之间的距离 ■ 使用说明 属性值： ▶ 相对单位：数字，不带单位，如1.5，表示当前元素的行高为当前元素字体大小的1.5倍 ▶ 绝对单位：px，如12px，即行高为12px 绝对单位的优势在当前元素以及继承该属性的子元 阅读全文
摘要：
■ 定义 text-indent属性用来指定文本的第一行的缩进，通常是将段落的首行缩进 ■ 使用说明 通过设置该属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值 缩进单位： ▶ 绝对单位(px)：像素 ▶ 相对单位(em)：em是一个相对单位，就是当前元素(font-size)1 阅读全文
摘要：
■ 定义 text-decoration属性规定添加到文本的修饰，可以给文本添加下划线，删除线，上划线等 ■ 使用说明 属性值(固定值)： ▶ none：默认，没有装饰线(最常用) ▶ underline：下划线，链接a自带下划线(常用) ▶ overline：上划线(几乎不用) ▶ line-th 阅读全文
摘要：
■ 定义 text-align属性用于设置元素内文本内容的水平对齐方式 ■ 使用说明 属性值(固定值)： ▶ left：左对齐(默认值) ▶ right：右对齐 ▶ center：居中对齐 ■ 示例 h1 { text-align: left; } h2 { text-align: center; 阅读全文
摘要：
■ 定义 color属性用于定义文本的颜色 ■ 使用说明 开发中常见的三种颜色表示方式： ▶ 预定义的颜色值：red, green, blue, pink等 ▶ 十六进制： #FF0000,#FF6600等(开发中最常用) ▶ RGB代码：rgb(255,0,0) 或 rgb(100%,0%,0%) 阅读全文
摘要：
■ 总结 因为页面上显示的所有元素都是在<body>标签里的，因此可以通过给<body>标签指定CSS样式，即可给整个页面指定CSS样式 但是该方法并不适用所有标签元素，比如标题标签<h1~6>，需要额外指定CSS样式(如字体大小等) ■ 字体 □ 定义 Font系列属性用于定义字体系列，大小，粗细 阅读全文
摘要：
■ 定义 font属性用于设置文字的复合属性 ■ 使用说明 通过复合属性，可以更节约代码 font属性值必须按照以下语法格式中的顺序书写，不可更换顺序，并且各个属性间以空格隔开 font: font-style font-weight font-size/line-height font-famil 阅读全文