HTML与CSS

1.  HTML

1.1  基础语法

1.1.1 单标签   <br/>、<hr/>   

1.1.2 双标签   <title>…</title>

1.2  常用标签

1.2.1  标题

<h1> - <h6> 标签可定义标题

1.2.2  水平线

<hr />

常用属性：align、size、width 

1.3  图片

<img src = "  " alt = "  " >

1.4  表格

<table></table> 标签定义 HTML 表格。

<tr></tr> 标签定义表格的⾏。 tr 元素包含⼀个或多个 th 或 td 元素

<td></td> 标签定义 HTML 表格中的标准单元格。

<th></th> 定义表格内的表头单元格。 th 元素内部的⽂本通常会呈现为居中的粗体⽂本，⽽ td 元素内的⽂本通

常是左对⻬的普通⽂本。

1.5  表单<form>

常用属性：

属性	描述
action	接受数据的地址
method	发送form-data的HTTP方法
name	名称
target	规定在何处打开页面

表单提交方式：get、post

get：默认，主动的获取⽅式，数据放在url上，数据的容量有限，安全性差，有缓存

post：数据放在实体量中，理论上没有容量限制，安全性好，无缓存

---

2.  CSS 

2.1  CSS选择器

2.1.1 通用选择器

* {

......

}

2.1.2 元素选择器

选择指定标签

元素名称 {

......

}

2.1.3 ID选择器

#id属性值  { ..... }

2.1.4 类选择器

.class 属性值 {

......

}

2.1.5 分组选择器 

h2 , #pre1 {

        color : orange ;

        font-style : italic ;

}

2.2  盒子模型

2.2.1  border

设置所有的边框属性

2.2.2  padding

设置所有的内边距

单独设置各边的内边距： padding-top 、 padding-left 、 padding-bottom 、 padding-right

默认按照上右下左的顺序设定

注意：通过 padding 属性设置元素内边距时，会使元素变形。若不想影响格式效果，可以⽤ margin 属性设置元素

外边距

2.2.3  margin

设置所有的外边距