html

HTML

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

企业应用计算模式：

1.主机/哑终端计算模式：由主机承担所有计算任务，哑终端只负责数据的录入和结果的显示；

2.客户机/服务器计算模式：简称C/S，客户机是一套独立系统，会承担一部分计算功能，服务器主要作为数据提供，也承担一部分计算功能，缺点是维护麻烦，一旦系统需要升级，每个客户端都需要更新；

3.浏览器/服务器计算模式：简称B/S，客户端固定是浏览器，所以客户端无需维护，同事浏览器会承担显示和部分计算功能，服务器作为浏览器显示数据的提供者，承担大部分计算功能。一旦系统需要升级，只需要维护服务器就可以；

基于B/S结构开发的应用程序称为web应用程序，一个完整的web应用程序分为四部分：

1.web服务器：接受客户端的请求，根据客户端请求返回结果；

2.web浏览器：允许客户端请求服务器的某个资源，并显示服务器返回的结果；

3.http协议：客户端和服务器通信所用的协议；

4.html网页：告诉浏览器如何向用户显示结果；

块级元素：块级元素定义的文本是不换行的，内嵌元素则要换行

常见的块级元素包括div,blockquote,列表元素(dl,ol,ul),fieldest,form,h1-h6,hr,p,pre,table等 内嵌元素包括：span,a,img,lable,所有的表单元素，iframe,object等

如果是内嵌元素，下一个元素就会显示在钙元素同一行的后续位置，如果是块级元素，下一个元素就会在浏览器的下一行显示，元素中的文本按照原书记别，浏览器使用大小不同的额默认字体表示，例如h1-h6采用大小不同的字体表示

在html中，name属性和id属性的区别：

1.id属性是网页元素在网页中的唯一标识，不能重复；name属性是描述提交给服务器的表单数据的名称，可以重复。如果两个文本框name属性一样，提交时会出现两个同名的键值对

2.id属性可以用于网页的任一元素，name属性一般用于表单元素

3.id属性的值不会提交给服务器处理，name属性的值会随着表单提交给服务器处理

readonly和disabled区别：

1.readonly表示只读，也就是文本框内容不可改变，所以该属性只能用于文本框；disabled表示不可用，可以用于任何网页元素，元素加上disabled之后，内容不能改变，同时不能影响时间

2.表单元素加上readonly表单值还是可以提交服务器，但是表单元素加上disable之后，表单值就不能提交服务器

表单元素：

Input

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

select 下拉框，列表框(multiple)

textarea 多行文本

CSS:

css是层叠样式表的缩写，它用于定义HTML元素的显示形式，是一种格式化网页内容的技术；

添加样式表的方式

<!--层叠样式表的含义是：如果有多个规则来描述同一个元素，那么会根据样式表的优先级，来决定对中显示什么样式-->
<!--对于导入CSS样式优先级：内联式>嵌入式>外联式-->
<!--1.内联式：直接在元素中加入style属性，只能用于网页中的一个元素-->
<div style="border:2px solid #000;width: 300px;height: 200px;background-color: #ffd700;float: left;
margin-left: 50px" ></div>
<!--嵌入式：书写style标签，在标签中指明样式，可以用于网页中不同的元素-->
<div></div>
<!--强样式规则写入文件，可以用于不同的网页，重用度最好-->
<div class="div1"></div>
<div class="div2"  ></div>

css选择器：

元素选择器div：利用元素的标签名称作用选择范围。div{}表示所有的div元素均采用该样式，h1,h2{}表示所有的h1标签和h2标签采用该样式

类选择器.：利用元素的class属性来引入类选择器的样式 同一种元素也可以选择性使用

.div{} <"div class ="div"><"/div">

id选择器#：让拥有id属性的元素采用该样式

<"p id = "p1"><"/p>

包含选择器：元素类的子元素采用该样式

<"div id "mydiv"><"/div> #mydiv span{}id号为Mydiv元素中所有的span标签采用该样式

div .aaa{}表示所有的div中，class属性为aaa的元素采用该样式

通配符*：表示所有的元素均采用该样式

“#oneDiv*{}表示id为oneDiv中，所有元素采用该样式

伪类选择器：执行完某个动作采用该元素

‘#data tr:hover{}表述鼠标停在id为data的元素采用该样式

css的盒子模型：

1.内容(content)：元素中的内容；

2.外边框(margin)：代表元素外边的空间，这个控件将元素相互分开

3.边框(border)：位于元素的编剧内和元素的边框距外之间可配置的线

4.内边距(padding)：元素内容和元素边框之间的空间

标准文档流：指在不使用其他与排列和定位相关的特殊CSS规则是，各种元素的排列规则；

1.文本元素按照从上到下从左到右的格式布局；

2.块级元素按照从上到下一次排列；

3.内嵌元素按照从左到右依次排列

display:none和visibility：hidden区别：

这两个样式都可以隐藏元素

display：none元素看不见，同事元素不占用位置；

visibility:hidden元素看不见，但是会占用位置。

内嵌元素和块级元素的相互转换：

内嵌元素----->块级元素 display：block

块级元素----->内嵌元素 float：left

div{

选择器优先级：！Important > id > class>element > 伪类 > *

word-break:break-all;文字超出容器自动换行