HTML/CSS
HTML
基本框架
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
段落标记：
<p></p>
预留格式(文本中的空格会被保留)：
<pre></pre>
斜体字：
<i></i>
下划线：
<ins></ins>
删除字：
<del></del>
右下角：
<sub></sub>
幂：
<sup></sup>
空格： 小于：< 大于：>
表格标签：<table></table> 行：<tr></tr> 列：<td></td>
格式：
<table>
<tr>
<td></td>
</tr>
</table>
合并单元格(td的属性)：
横向：rowspan 纵向：colspan 【合并完成要删除重复的单元格】
th标签：
可以代替td，并且th内容会自动居中和加粗
thead/tbody/tfoot标签：
一个表格可以被分为以上三个标签，为js提供便利；上述三个标签也需要行和列标签
背景颜色：
<body bgcolor=””></body>
超链接：
<a href=”” target=””></a>
target用于设置打开窗口位置；_blank打开新窗口，_self当前窗口，_parent当前窗口的上一级，_top当前窗口的第一页窗口，内部窗口：<iframe></iframe>
列表：
无序列表：<ul></ul>
有序列表：<ol></ol>
修改样式：type=””
格式：<ul/ol>
<li></li>
</ul/ol>
什么是表单？
用于收集用户数据，不同于超链接，可以发送请求并且携带数据；超链接是直接点击，而表单可以填写数据
如何定义表单对象？
<form>
表单项1
表单项2
</form>
一个网页上可以有多个表单项，form中有一个action属性，等同于href，需要写入url；表单的name非常重要，没有name不能提交；url?name=value&name=value&name=value&name=value以上是提交数据的格式；数据会提交到action对应的网站里
选项：
圆圈选项type=”radio” 复选框type=”checkbox” 默认选中是checked(在标签中直接写)
例：<input type=”radio” name=”sex” value=”1”>男 服务器收到的是sex=1
下拉列表：
<select>
<option></option>(下拉选项)
</select> 【默认选中是selected size是一次显示的最大个数 multiple则可以多选】
文本域：
<textarea></textarea>
文件上传：
<input type=”file”>
隐藏域：
<input type=”hidden”> 没有显示内容，但提交数据中会有hidden对应的value值
readonly和disabled：
都不能修改，但readonly可以提交，disabled则不会
最大输入值：
<input type=”text” maxlength=”5”>
form的submit如果name参数也会提交，如果reset写在form外则不会重置表单
id元素：
html任何一个节点都有id属性且在同一个网页中id属性不能重复；方便js的属性，对html标签（节点)进行增删改，需要先获取标签（节点)对象，id可以方便获取该标签（节点)对象
div和span：
都是图层，每一个图层在网页中都是独立的盒子，最主要作用就是网页布局；图层左上角有x,y的坐标，定位div在网页中的位置；默认情况div独自占用一行，span则不会
CSS
CSS的三种嵌入方式：
1.内联定义；2.定义内部样式块对象；3.链入外部样式表文件
内联定义：
内联定义就是在标签内添加style的方式
语法格式：<标签 style="样式名：样式值；
样式名：样式值"></标签>
任何HTML都可以指定style属性
定义内部样式块对象：
选择器(可以是标签名){
样式名：样式值；
样式名：样式值；
样式名：样式值；
}
head标签中使用style标签，定义样式块对象
CSS常见选择器和格式：
id/标签/class选择器
id：#+id值
类选择器：class，任何标签都有class属性，class相同表示同一类标签；.+class的属性值
选择器优先级（由低到高）：
标签选择器<类选择器<id选择器
链入外部样式表文件：
<link rel=”stylesheet” type=”text/css” href=”.css”/>
隐藏样式：
div{display:none;
}
:hover
用于设置鼠标悬停效果；:hover使用的时候冒号两边不允许使用空格,格式：p:hover{}补丁：
内补丁：padding 外补丁：margin光标样式
cursor:pointer变成小手,尽量不使用Hand，会出现浏览器不兼容
其他：
float浮动效果，类似图片四周环绕型
position位置绝对定位
文本装饰text-decoration
列表样式list-style-type
浙公网安备 33010602011771号