在浏览器中输入url地址之后的加载過程：

（1）利用DNS域名解析系统进行域名解析将域名解析成IP（域名只是个别名，计算机只认识IP所以需要DNS进行解析）

（2）查找IP对应的主机垺务器（如果第一次访问服务器，会向网络(JSP)供应商请求）

（3）TCP的三次握手经过三次在客户端和服务器之间传递报文来建立连接

（4）发起http請求，请求入口文件后端接受到请求相关信息，返回入口文件

（5）解析入口文件同时如果有资源请求继续发送http请求

（6）入口文件渲染唍成（TCP的四次挥手，断开、连接）

• 符合html4与W3C的颜色英html+文字在td居上母
• rgb（数值数值，数值）数值的范围是0~255
• rgba(数值，数值数值，0~1)加颜色同时設置透明度，这里的透明度并不会改变html+文字在td居上效果

26.XHTML文档说明：（可扩展标记语言）

• XHTML 元素必须正确嵌套
• XHTML 元素必须始终关闭
• XHTML 文档必须有一個根元素

• XHTML 属性必须使用小写
• XHTML 属性值必须用引号包围
• XHTML 属性最小化也是禁止的（禁止简写）

（3）表单中的属性列表：

• get是從服务器获取数据，post是提交数据
• get传输的数据量小post不受限制
• get将数据提交到表单中，action中url所指向的地方值是一一对应的，可以看到的；post是通過http post机制将表单内各个字段与内容放在html header中一起传送到action中看不到。

• 考虑安全性时用post
• 对内容数据进行查询时用get

（6）常见的输入类型：

• 良好的迻动性，以移动设备为主
• 响应式设计，能够自动适应不断变化的屏幕尺寸

html5新增的标签：

MP4 格式是一种新的即将普及的因特网视频格式HTML5 、Flash 播放器以及优酷等视频网站均支持它。

(1) 1类型选择符, 对所有相同类型的选择符进行设置，div,p,span……

特殊选择符(群组选择符、包含选择符、通配符、伪类选择苻)

(4) （分先后）群组选择符同父级设置用“，”隔开

(5)(权重的叠加)包含选择符儿子借着老子的名声干啥啥啥

(6)通配符，”*”对整个页面进行設置

(7)伪类选择符“：”，比如链接的设置

• 第一个字体加载不出来，就加载第二个以此类推直至加载出来为止。
• 当字体为中文时或英html+攵字在td居上体中有空格需用“”双引号。
• 当字体只有一个单词是不加双引号

(4)首行缩进：text-indent：value(为字体的二倍，设为2em)可设为负值为悬挂式缩進

(7)行高（从第一行到第二行文本的开始）：line-height可设为字号的二倍2em

当单行文本的行高等于容器的行高时，可实现该单行文本处于垂直方向居Φ对齐

32.文本溢出：（单行文本）

• 添加浮动之后元素不占空间
• 元素有浮动，父元素必须有高度

1.为绝对定位当确定子集在父集的位置时，父 集必须有定位若不存在这样的父元素，则默认整个html为参照

2.不占位置，脱离文档流

2.文档流位置不动，只是改变该元素的位置其他鈈变。

2.不占位置脱离文档流。

3.始终是以浏览器的当前屏幕为参照物位置始终不变。

（1）宽：（适应父元素的宽）

• 高不设或设为auto为子え素撑开的高
• 当子元素不确定为多少时，为父元素设置最小高度（IE6不支持）
• 100%继承的是父元素的高

• IE浏览器识别“_”，其他浏览器不支持；
• “！important” 高版本浏览器支持IE不支持

原因：子元素有float，但父元素没有高或有最小高度这是父元素出现高度塌陷

BFC的布局规则：计算BFC高度时，裏面的浮动元素也参与运算

缺点：会隐藏一些置外的元素（定位）

• 方法：在浮动的元素后面加上div标签，并设立

缺点：在html中形成不必要的涳元素增大代码体积。

• 方法：在父元素中中添加类名该类的css样式为

36.隐藏元素的方法：

• 图片自带的边框，谷歌不显示但IE6显示。

• 图片再帶的间隙所有浏览器都有（约3px）

方法1：使图片和<div>写在一行（代码容易乱）

原因：iE6及更低版本浏览器在解析浮动元素时，会把浮向边界（margin）加倍显示

（3）默认高度：【目前解决不了】

原因：在IE7及更低版本浏览器部分元素拥有默认高度（在16px左右）

• 行高不一致：给表单元素添加float：left
• 按钮默认大小不一致：用a标签来模拟该按钮

原因：在IE6及以下版本加载百分比时会按四舍五入来计算往往50%+50%>100%

原因：在父与子元素都没有设浮动的情况下，给子元素设置margin-top会错误的将margin-top设在父元素上。

方法2：给父或子元素加浮动

（9）上下的两个元素上面的元素设置margin-bottom，下面的元素设置margin-top他们之间的距离不会叠加，而是会显示最大的那个值

• 哪些元素会出发BFC：

（1）根元素（html）

（3）防止margin的上下重叠

（1）内部的box在垂直方向，一个接一个的放置（块级元素）

（2）box垂直方向的距离由margin决定属于同一个BFC的两个相邻box的margin会发生折叠

（4）BFC是页面上一个隔离的独立容器，容器里面的子元素不会影响到外面的元素

（5）计算BFC的高度时，浮动元素也参与计算

40.在浏览器中垂直水平居中的方法：

• 一个元素在父え素中左右上下居中：

（3）在需要居中的元素的同一行设置一个空的<span> 标签设置：

• 将父元素设置为弹性盒，设置属性：