HTML5

##常见的HTML标签

- 1.标题:h1---h6

- 2.段落:p

- 3.换行:br

- 4.容器:div span

- 5.表格:table tr td

- 6.列表:ul ol li

- 7.图片:img

- 8.表单:input

- 9.链接:a

##CSS样式表

- 行内样式

- 组内样式

- 外部样式:在单独的CSS文件中书写,在网页中用link标签引用

- <link rel= "stylesheet" href = "index.css">

##CSS选择器

- 标签选择器

- 类选择器:class可以多个相同

- id选择器:id是唯一的,只能有一个,不能有其他的和他相同

- 并列选择器

- 复合选择器

- 后代选择器

- 直接后代选择器

- 相邻兄弟选择器

- 属性选择器:一维,二维,属性值

- 伪类:根据元素的特殊状态(如鼠标选中,点击等)来选取元素,它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类）

##选择器的优先级

- 相同级别下:就近原则 叠加原则

- id选择器> 类选择器>标签选择器

- 选择器描述范围越小,优先级别越高

- 选择器的权值:权值越大,优先级越高

- 通配选择符(*):0

- 标签:1

- 类:10

- 属性:10

- 伪类:10

- 伪元素:1

- id:100

- 行内属性权值大于以上所有属性

- important:1000

##HTML标签类型

- 1.块级标签:独占一行,能随时设置宽度和高度(div,p,h1-h6,ul,li)

- 2.行内标签(内联标签):多个标签能同时显示在一行,宽度和高度取决于内容的尺寸(span,a,label)

- 3.行内--块级标签:可通水显示在一行,能随时设置宽度和高度(input,button)

- **修改标签的显示类型:display

- none:隐藏

- block:设置成块级标签

- inline:设置成行内标签

- inline-block :设置成行内--块级标签

##CSS属性

- 可继承属性:一般是文字控制属性

- 所有标签可继承的属性:visibility(隐藏内容) cursor(设置水平居中)

- 行内标签可继承:line-height color font-family font-size font-weight text-decoration 等

- 块级标签可继承属性:text-indent(首行缩进) text-align

- 列表标签可继承:list-style

- 不可继承属性:一般是区块控制属性

- CCS3新增属性:

- RGBA

- 块阴影和圆角阴影:

- box-shadow text-shadow

- box-radius

##盒子模型

- 网页上每个标签都是一个盒子

- 每个盒子有4个属性:

- 内容(content)

- 填充(padding,内边距)

- 边框(border)

- 边界(margin,外边距)

##CSS布局

- 默认情况下,所有网页都在标准流的布局中:从上到下,从左到右

- 脱离标准流的方法:

- float属性:常用取值--left right

- position属性和left right top bottom属性

##WebView调用HTML

```objc

NSURL *url = [NSURL fileURLWithPath:...];

NSURLRequest *request = [NSURLRequest requestWithURL:url];

[self.webView loadRequest:request];

```

##第三方框架:bootStrap