静态界面的总结

form

from表单属性

• target 规定在何处打开 action URL。(_blank _self _parent _top)
• method 提交方法
• action 规定当提交表单时向何处发送表单数据。
• enctype 编码 (encodetype)post的两种方式【urlencode】【formdata】

值	描述
application/x-www-form-urlencoded	在发送前编码所有字符（默认）
multipart/form-data	不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain	空格转换为 "+" 加号，但不对特殊字符编码。

行内块包含块级元素

a包含div在html4.0.1是不合法的,但是浏览器默认支持。H5中支持a包含div.将a当成一个transparent元素.

p元素包含div和a

<p>
	<a href="https://www.baidu.com">
		<div>1</div>
	</a>
</p>

在浏览器中被错误的解读

<p>
	<a href="https://www.baidu.com">
	</a>
</p>
<div>
	<a href="https://www.baidu.com">
		1
	</a>
</div>
<p>
	<a href="https://www.baidu.com">
	</a>
</p>

因为按照嵌套规则,p标签只适合包含一些简单的span、i之类的行内块元素,甚至都不能包含另一个p标签

布局方式

表格布局 flex布局 定位 浮动

表格布局淘汰的原因

表格以前是非流失布局，需要加载完所有代码才会显示，页面卡顿效果,现在效果还可以，只是其他方式更方便

• 使用table标签
• 使用display:table display:table-row display:table-cell

float

脱离文档刘，不脱离文本流,产生BFC(块)

box-shadow

用途:边框特效，营造层次感（立体感），缩小放大图片，充当没有宽度的边框， 用一个元素画出一个图形

clip-path

背景图裁剪时可以使用，还可以配上过渡动画