HTML和CSS和正则
角度单位
1 turn 相当于1圈，就是360deg
rad 弧度。一个完整的圆是 2π 弧度
grad 百分度。一个完整的圆是 400grad
deg 度。 一个完整的圆是 360deg
HTML
web标准与HTML结构和语法
网页的组成：
网页的结构： html xhtml xml 搭建结构
网页的表现: css 修饰结构
网页的行为: javascript 交互效果，数据处理
web标准
结构标准：
html xhtml xml html5 扩展名：.html 或者 .htm ;
用于描述页面的结构
html: 超文本标记语言
xml : 可扩展的标记语言
xhtml:可扩展的超文本标记语言
html5 是HTML的第5次重大修改，是目前新推出的结构标准语言；
表现标准：
css用于控制页面中元素的样式
行为标准：
dom ，ECMAScript，JavaScript等用于响应用户操作
w3c : 万维网联盟，制定了结构和表现的标准
ECMA: 欧洲电脑厂商联合会，制定了行为的标准
html基本结构
<!DOCTYPE html> 声明文档类型为html
<html lang="en"> 网页的根标签（根元素
<head> 网页的头部区域（描述区）
<meta charset="UTF-8">
meta ：网页元信息（当前网页的一些信息）
charset="UTF-8"
charset ：编码格式
"UTF-8" ：万国码（包含了所有国家的字符）
补充：
gb2312 简单中文 包括6763个汉字
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312
<title>Document</title> 网页标题
</head>
<body> 网页的主题内容区
</body>
</html>
html语法：
常规标记（双标记）：
<标记 属性="属性值" 属性="属性值1 属性值2"></标记>
空标记（单标记）：
<标记 属性="属性值" 属性="属性值1 属性值2">
说明：
1、尖角号里面的第一个单词称之为标签、标记、元素；
2、标记里面可以没有属性，也可以有多个属性；
3、标记和属性之间要用空格隔开；
4、属性和属性之间也要用空格隔开；
5、属性和属性值之间要用等号连接，属性值必须写在双引号或者单引号里面；
6、当一个属性有多个属性值的时候，属性值和属性值之间也用空格隔开；
常用快捷键：
Ctrl+N 新建
Ctrl+C 复制
Ctrl+V 粘贴
Ctrl+A 全选
Ctrl+Z 撤销
Ctrl+Y 撤回
Ctrl+S 保存
Ctrl+/ 添加/删除注释
ctrl+shift+K 删除当前行
ctrl+shift+ 折叠当前作用域
ctrl+shift+]展开当前作用域
ctrl+K+0折叠所有代码
ctrl+K+J展开所有代码
alt+上/下键 本行代码上下移动
editor.formatOnSave 打开代码保存自动格式化
命名规则：
以字母下划线$开头，不能是保留字和关键字
注释的作用：
-> 隐藏代码
-> 提示
常用标签与其属性
文本标签与常用转义字符
文本标题标签：
h1~h6 (h1具有唯一性,一般放网站LOGO)
字体倾斜
<i></i>
<em></em> 语义化（更加强调）
加粗标记
<b></b>
<strong></strong>语义化（更加强调）
下划线
<u></u>
<ins></ins>语义化（更加强调）
删除线
<s></s>
<del></del> 语义化（更加强调）
换行
<br> 换行
水平线
<hr> 水平线
段落标记
<p></p>
字符 （ 小段文本 ） 文本节点
<span></span>
常用转义字符
不换行空格
> > 右尖括号
< < 左尖括号
列表标签：
1、无序列表
语法：
...
注： 列表可以嵌套
2、有序列表
语法：
...
注： 列表可以嵌套
3、自定义列表
语法：
- 名字
- 对名词的解释
超链接：
href="" 添加目标文件路径（地址）；
target="" 设置超链接的打开方式；
-> _self 在当前窗口打开（默认值）；
-> _blank 在新窗口打开
超链接的作用：实现页面之间的跳转；
为页面上的所有链接规定默认地址或默认打开形式
例：
注： 标签必须位于 head 元素内部。
表格：
作用：显示数据
表格的基本结构与常用标签
<table>
<caption>表格的标题标签</caption>
<thead> 表格的头部区 表头
<tr>
<th></th> 表头单元格（字体加粗）
</tr>
</thead>
<tbody> 表格的主体区 表体
<tr>
<td></td>
</tr>
</tbody>
<tfoot> 表格的底部区 表尾
<tr>
<td></td>
</tr>
</tfoot>
</table>
表格的基本属性：
border="" 边框 (写给table标签)
cellspacing="" 设置单元格和单元格之间间距 (写给table标签)
cellpadding="" 设置内容和单元格之间的间距 (写给table标签)
width="" 宽
height="" 高
bordercolor="" 边框颜色
bgcolor="" 背景颜色
注：
表格的行高是根据这一行内最高的单元格统一高度的；
表格的宽度时根据这一列中最宽的哦单元格统一宽度的；
表格合并属性:
合并列(横向合并)： colspan="是要合并的列数"
合并行(纵向合并)： rowspan="是要合并的行数"
表格文本对齐属性
水平对齐：
align=""
left 左对齐（默认值）
center 居中对齐
right 右对齐
垂直对齐：
valign=""
top 顶对齐
middle 居中对齐 （默认值）
bottom 底部对齐
表格的分割线属性
rules="" 添加分隔线（要添加给table标签）
属性值：
rows:位于行之间的线条
cols:位于列之间的线条
all：位于行和列之间的线条
none:没有线条
groups:位于行组和列组之间的线条
表格的css属性
边框合并
table{
border-collapse: collapse;
}
border-collapse：合并边框
– collapse：合并边框
– separate：不合并边框
单元格间距
border-spacing:value;
说明：单元格间距(该属性必须给table添加) 表示单元格边框之间的距离， 不可取负值
表单：
作用：收集用户信息
表单域：
表单域常用属性
action="" : 提交的地址 (接口地址)
method="post/get" ： 上传方式（post="" 上传 get = "" 获取）
name="" ： 给表单域添加了一个name名字，属性值（名字）是自定义；
表单元素常用属性
type = '控件类型'
name：属性标识表单域的名称；
Value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。
maxlength：控制最多输入的字符数，
Size：控制框的宽度（以字符为单位）
checked=“checked”/>(默认选中)
disabled="disabled" (禁用)
cols="" 宽度（字符为单位）
rows="" 高度（字符为单位）
type 属性值：
text 单行文本框
password 密码框
submit 提交按钮
reset 重置按钮
button 普通按钮
radio 单选按钮（单选框）
单选按钮配合name属性使用，同一组数据相同的name属性值；
checkbox 复选框
file 上传文件域
hidden 隐藏表单 (一般用来传递参数,而又不想显示在客户端)
默认选中：
checked="checked"
checked=""
checked
禁用：
disabled="disabled"
disabled=""
disabled
value="" : 设置表单元素的默认值
placeholder="" : 提示信息属性 （h5新增属性）
size： 设置表单宽度（以字符为单位）
maxlength: 设置可输入的最多字符数；
表单-多行文本框：
<textarea cols="30" rows="10">
</textarea>
cols="" 设置宽度（以字符为单位）
rows="" 设置高度（行数，以字符为单位）
阻止浏览器对窗口的拖动设置:{resize:none;}（css属性）
浙公网安备 33010602011771号