前端学习自学笔记: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列表:不同类型的有序列表

谢谢大家观看~

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20171227A0375900?refer=cp_1026

同媒体快讯

相关快讯

扫码关注云+社区