html



html：超文本标记语言。利用标记和子标记的方式描述网页元素。

XML：可扩展标记性语言。

企业应用计算机模式：
1，主机/哑终端计算模式，由主机承担所有的计算任务，哑终端只负责数据的录入和结果的显示。
2，客户机/服务器计算模式。简称c/s。客户机是一套独立的系统，会承担一部分计算功能。服务
器主要作为数据的提供，也承担一部分计算功能。缺点:维护麻烦，一旦系统需要升级，每个
客户机都需要更新。
3，浏览器/服务器计算模式。简称B/S。客户端固定是浏览器，所以客户端需维护，同时浏览器会承担显示和部分计算功能。一旦系统需要升级，只需要维护服务器就可以了。

基于B/S结构开发的应用程序，称为WEB应用程序。
一个完整的WEB应用程序分为四部分：
WEB服务器：接受客户端的请求，根据客户端请求，返回结果。
WEB浏览器：允许客户端请求服务器的某个资源，并显示由服务器返回结果。
HTTP协议：客户端和服务器通信所用的协议。
HTML网页：告诉浏览器如何向用户显示结果。

块级元素（换行）：div blockquote 列表元素（dl,ol,ul）,fieldset,form,h1-h6,hr,p,pre,table等
内嵌元素（不换行）：span,a,img,label,所有的表单输入元素，iframe,object等。

在html中，那么属性和id属性的区别
1，id属性是网页元素在网页中的唯一标识，不能重复。name属性是描述提交给服务器表单数据的名称，可以重复。如果两个文本框name属性一样，那么提交时会出现两个同名的键值对。
2，id属性可以用于网页的任何元素，name属性一般用于表单属性。
3，id属性的值不会提交给服务器，name属性的值会随着表单提交给服务器。

readOnly和disabled的区别：
1，readOnly表示只读，也就是文本框内容不可改变，所有该属性只能用于文本框
disabled表示不可用，可用于任何网页元素。元素加上disabled后，内容不能改变，同时不能响应事件。
2，表单元素加上readOnly，表单值还是可以提交服务器，但表单元素加上disabled，表单值就不能提价服务器了。

Xhtml和html的区别
html语法要求不严谨，xhtml是严格按照xml语法来的。

meta标签
1，<meta name="KEYWords" content="">项搜索引擎说明网页的关键字。
2，<meta name=DEscription" content="" >告诉搜索引擎你的站点主要内容
3，<meta  http-equiv="Refresh" content="n;url=http://yourlink"> 定时让网页在指定时间N内，跳转到页面yourlink
4，<meta charset="utf-8"/>设置编码集

表单元素(有两个属性，name-可重复，id-不可重复)
input

text文本框 password密码框 radio单选框 checkbox复选框 hidden隐藏表单 file文件表单 submit提交按钮 reset重置按钮 image图片提交按钮 button命令按钮

select 下拉框，列表框(multiple)

textArea 多行文本

Cascading Style Sheets!!!
css是重叠样式表的缩写，它用于定义HTML元素的显示形式，是一种格式化网页内容的技术。

添加样式表的方式：
1，内联式：直接在元素中加入style属性
<div style="border:1px solid #000;width:300px;height:200px"></div>
2,嵌入式：书写style标签，在标签中指明样式。可以用于网页中的不同元素
<style>
          div{
       width:300px;
       height:200;
       background-color: red;
            border: 2px solid #000;
        }
</style>

3,外式:将样式规则书写到文件中，可以用于不同的网页，重用度最好。
<link rel="stylesheet" href="abc.css">

层叠样式表的含义是：如果有多个规则来描述同一个元素，那么会根据样式表的优先级，来定最终显示什么样式。

对于导入css方式的优先级：内联式>嵌入式>外联式

css选择器：
1 元素选择器 div：利用元素的标记名称作为选择范围。 div{}表示所有的div元素均采用该样式。H1,H2{}表示所有的H1,H2标签均采用该样式。
2 类选择器 .：利用元素的class属性来引入选择器的样式。可以用于多种元素，同一种元素也可以选择性使用。  .mm{}<div class="mm"></div>
3 ID选择器 #：让拥有该ID属性的元素采用该样式。 <p id="p1"></p>  #p1{} id号位p1的元素采用该样式。
4 包含选择器:元素内的子元素采用该样式。 <div id="my"></div> #my span{} id号位my元素中所有的span标签采用该样式。
div .aa{}表示所有的div中，class属性为aa的元素采用改样式。
5 通配符 *：所有的元素均采用该样式。#one *{} 表示ID为one中，所有的元素均采用该样式。
6 伪类选择器：执行完某个动作的元素采用该样式。 #data tr:hover{} 表示鼠标悬停在id为data下的tr元素时，采用该样式。

float漂移，左右排列！clear.left清除前一个元素对后一个元素的影响。
定义颜色：1，0-255/color:rgb(0,0,0)
           2，使用十六进制数组定义颜色，如#fc0eab；
             3，为颜色取名：aqua，black，blue，fuchsia，gray，green等。

text-decoration: line-through删除线
text-decoration: overline下划线
text-decoration:underline上划线

margin-外边距：
水平盒子的间距为两边之和；（左右）
垂直盒子的间距为较大值；（上下）
margin的值可以设为负值；

padding属性
用来描述盒模型的边框和内容之间插入多少空间。

区别：
margin是当前元素和border的距离，padding是内容和border的距离
margin是对外的，padding是对内的；
margin只对块级元素有效，padding对所有元素都有效

盒子的模型分为四种：
内容（content）：元素中的内容；
外边距（margin）：带表元素外边的空间，这个控件将元素相互分开。
边框（border）：位于元素的边距内核元素的边框距外之间的可配置的线。
内边距（padding）：元素内容和元素边框之间的空间。
盒子之间的关系
标准文档流--所谓标准流，就是指在不使用其他与配列和定位相关的特殊CSS规则时，各种元素的排列规则。
1，文本元素按照从上到下，从左到右的格式布局。
2，块级元素按照从下到上依次排列。
3，内嵌元素按照从左到右依次排列。

display:none和visibility:hidden的区别：
这两个样式都可以隐藏元素。
display:none元素看不见，同时元素不占用位置。
visibili：hidden元素看不见，但元素会占用位置。

！！！！内嵌元素和块级元素互换！！！！
内嵌->块级 display:block
块级->内嵌  float：left

元素的优先级：
！importment>id>class>element>伪类>*

overflow:scroll.出现滚动条
overflow:hidden 超出内容隐藏
word-flow:break-all 文字超出容器自动换行