标签：name 样式标签选择器 HTML id CSS 属性

HTML

基本框架

<!doctype html>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

</body>

</html>

段落标记：

<p></p>

预留格式(文本中的空格会被保留)：

斜体字：

<i></i>

下划线：

删除字：

右下角：

幂：

空格：  小于：< 大于：>

表格标签：<table></table> 行：<tr></tr> 列：<td></td>

格式：

<table>

<tr>

</tr>

</table>

合并单元格(td的属性)：

横向：rowspan 纵向：colspan 【合并完成要删除重复的单元格】

th标签：

可以代替td，并且th内容会自动居中和加粗

thead/tbody/tfoot标签：

一个表格可以被分为以上三个标签，为js提供便利；上述三个标签也需要行和列标签

背景颜色：

超链接：

target用于设置打开窗口位置；_blank打开新窗口，_self当前窗口，_parent当前窗口的上一级，_top当前窗口的第一页窗口，内部窗口：<iframe></iframe>

列表：

无序列表：<ul></ul>

有序列表：<ol></ol>

修改样式：type=””

格式：<ul/ol>

</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

下拉列表：

<option></option>(下拉选项)

</select> 【默认选中是selected size是一次显示的最大个数 multiple则可以多选】

文本域：

文件上传：

隐藏域：

<input type=”hidden”> 没有显示内容，但提交数据中会有hidden对应的value值

readonly和disabled：

都不能修改，但readonly可以提交，disabled则不会

最大输入值：

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选择器

链入外部样式表文件：

隐藏样式：

div{
display:none;
}

:hover

用于设置鼠标悬停效果；:hover使用的时候冒号两边不允许使用空格,格式：p:hover{}

补丁：

内补丁：padding 外补丁：margin

光标样式

cursor:pointer变成小手,尽量不使用Hand，会出现浏览器不兼容

其他：

float浮动效果，类似图片四周环绕型

position位置绝对定位

文本装饰text-decoration

列表样式list-style-type

标签：name,样式,标签,选择器,HTML,id,CSS,属性
From： https://www.cnblogs.com/BWTY/p/17020336.html

HTML/CSS