前端学习自学笔记：day07

今天是第七天的笔记,主要是HTML和CSS的,希望大家支持~

在此之前先为大家显示下前端工程师的路线图:

第七天的笔记:HTML AND CSS:

Font Awesome图标库：

-复习：标签：添加图标。于fa fa-xxx格式

info-circle图标：例：

trash图标：例：

fa-paper-plane图标：

-复习：Bootstrap12栏表格：

col-xs-*:

同时可以应用到form表格元素上。

well class属性：是为设定的列创造出一种视觉上的深度感（视觉效果）

例：

btn-default class属性：Bootstrap标准按钮:按钮必须现有btn class属性.

例：

-复习：id元素：

-复习：注释：

实现表头横跨两个单元格：colspan属性：横跨多个单元格:colspan="数值"、rowspan="数值"

例：横跨两列：

cellspacing属性：增加单元格之间的距离：cellspacing="数值"

例：

背景图像：

-复习：无序列表

例：

xxx

xxx

有序列表

xxx

xxx

定义列表：自定义列表以 标签开始。每个自定义列表项以 开始。每个自定义列表项的定义

以 开始。定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例：

咖啡

棕色的液体

牛奶

白色的液体

不同类型的无序列表：type="":disc(默认效果，实心圆点)、circle（空心圆点）、square（实心小正方形）

下一节：HTML列表：不同类型的有序列表

谢谢大家观看~