html类样式表,HTML 常用基础汇总

Home

title

啦啦啦

我是卖报的小行家

Basic

标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

---

创建水平线，分割内容

段落

段落

折行

链接

This is my blog

target="_blank" 在新窗口打开文档

锚 #也可以用id属性替代MAME属性

建立锚了，可以在其他地方创建指向这个锚的链接

- 同一页面

xxxx

- 其他页面

xxxxx

(Q这个链接是怎么确定的呢)

图片

- 背景图片

- 排列图片

- 浮动图片

- 增加图片链接

在 前后加上

按钮

click

列表

• #unorder list 无序列表
• a
• b

1. #order list 有序列表

- 定义列表

1111

2222

3333

4444

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

(Q这个不是太明白)

dl 定义定义列表

dt 定义定义项目

dd 定义定义的描述

- 嵌套列表

多加几层

属性

(Q css时多了解下)

class 规定元素的类名

id 元素的唯一id

style inline style 行内样式

title 规定元素的额外信息

文本标签

粗体

大号字

着重文字

斜体

小号字

加重语气

_{定义下标字}

^{定义上标字}

增加下划线

增加删除线

引用

短引用

长引用

定义缩写

定义项目或缩写的定义

定义文档或文章的联系方式/作者(通常斜体显示，大多数浏览器在此元素前后折行)

定义著作的标题(斜体显示)

表格

- 表格

row 1, cell 1

row 2, cell 1

#table 定义表格

#tr 若干行

#td table data 表格数据

- 边框属性

border

- 表头

heading

#th table heading

- 空单元格

- 跨行跨列

colspan

eg

rowspan

eg

- 表格内的标签

(比如实现图片一块块)

- 单元格边距(cell padding)

- 单元格间距(cell spacing)

- 背景颜色或图片

or (background='//')

- 表格内排列内容对齐

align="left(/right)"

- frame 外框

frame=""

box 四面铁框

above 头顶有框

below 脚下有框

hsides 上头下头被框

vsides 两边有框

块、类、布局等其他

块

在CSS里设置样式属性

可用于文档布局

为部分文本设置样式属性

类

类-块-行

(Q这块有点疑问，id, name, class相关)

布局

- header 页眉

- nav 导航链接的容器

- section 定义文档中的节

- article 定义独立的自包含文章

- aside 定义内容之外的内容(比如侧栏)

- footer 定义文档或节的页脚

- details 定义额外的细节

- summary 定义details 元素的标题

(detail/article/summary Q下次注意下)

响应式web设计

(Q虽然现在还不懂，最好要有印象，以后再回头看)

RWD响应式web设计(responsive web design)

- 自己创建

在head中

- Bootstrap

(Q之后学)

使用现成的CSS框架

在head中加入：

href="">

内联框架

- 作为连接的目标时

加入name属性

name=""

脚本

(Q之后学)

”假设6个月之后的你在教现在的你学习“

”强迫输出促进输入“

整理过程是一个复习的过程，虽然离现在实质工作内容相差千万，还应起项目直接实操才好。

稍加整理，如有错误或者其他的建议，还请不吝赐教，万分感谢。