基本常用标签
框架
html-head
（头部）
-meta
（元信息）
-title
（标题）
-link
（链接）
-style
（样式）
-body(
内
容
)-<--
注释内容
-->
选择符权重，
id-#=100 class-.=10
直接指定标签
=1
（权重可累加）
标签内标签用空格
----id
内
class#id.class
多级标题
-----h1-h6
段落标签
-----p
链接标签
-----a
（
<a href=
…
）
图像标签
-----img
（
<
img src=…
>
无序标签
-----ul
（配合
li
可定义前标）
水平线
-----hr
表格标签
-----table
（
tr
行
td
列
.th
是表头单元）
提供输入表单
-----from
（）
定义框架或窗口
-----frame
行内标签
-----span
输入，提交标签
------input
CSS
常用样式属性
字体、颜色、背景属性
font-size
------
字体大小（
**px
，
**em
）
font-family
------
字体类型（微软雅黑，黑体，楷体等）
font-weight
------
字体粗细（
bold
粗体，也可直接输入
100-900
数值）
font-style
------
字体风格（
italic
斜体，）
font-variant
------
小型字母（
small-caps
缩小了的大写字母）
font
------
符合属性，
ex
：
p{font
：
italic bold
宋体
20px}
Color
------
字体颜色
Backgroup
------
背景
(
color-
颜色，
image-
图片，
position-
位置，
repea-
重复，
attachment-
附件
)
文本属性
Word-spacing
-------
单词间隔（一整个单词或文字的间隔）
Letter-spacing
-------
字符间距（单字母或文字的间隔一般中文使用）
Text-decoration -------
文字修饰（
underline
下划线，
overline
上划线，
line-through
删除线，
blink
闪烁
）
Text-indent
--------
首行缩进
Vertical-align
--------
纵向排列
(
主要用于图片的纵向排列
)
Text-transform
------
文本转换（
capitalize
首字母大写，
uppercase
所有字母大写，
lowercase
所有字母小写
）
Line-height
-------
行高（每行之间上下的间距。）
Width
-------
宽度（单位
%
或者指定数值。）
边距，填充与边框属性
Margin
--------
外边距（
-top
，
right
，
bottom
，
left
上下左右。
Auto
自动取值。单位
px
）
Padding
-
-------
内边距（同上）
如果使用复合属性，对应的是
上，右，下，左（顺时针）
ex
：
padding
10px
20px
30px
40px
；
Border
--------
边框（同上，复合属性同上）
solid
实线，
dotted
点线，
Dashed
虚线。
List-style-image ------
图像符号（一般用在超链接前）
border-collapse: collapse
内外边框合并
鼠标经过超链接的样式
a
：
hove
------
鼠标经过时的样式（字体变更，颜色，大小等）
a
：
visited
------
访问后的样式（变灰等）
a
：
active
------
鼠标按下时的状态
a
：
link
------
默认状态（改变颜色，去下划线等等）
input
标签的一些属性
required ------
必填项（另有只读
readonly
）
placeholder
-------
默认显示内容
checked
------
默认选中项
disabled ------
禁选项
height
------
定义输入框高度
name
------
定义元素名字
pattem
------
限制输入内容格式（比如数字
0-9 pattem=
“【
0-9
】”）
size
------
宽度（也可用
width
）
type
------
标签类型（
text
等）
value
-----
文本框内显示的文字
[abc^="def"] 选择 abc 属性值以 "def" 开头的所有元素[abc$="def"] 选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"] 选择 abc 属性值中包含子串 "def" 的所有元素
相应的jq代码，你懂的。
html如何设置必填项2022-02-17 14:18:11 1967 百度已收录
本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
在html中，可以使用required属性来设置必填项，需要在input元素标签中添加“required="required"”样式即可。required属性规定必需在提交之前填写输入字段。如果使用该属性，则字段是必填（或必选）的。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML5引入的必填项
required属性
required 属性规定必需在提交之前填写输入字段。
如果使用该属性，则字段是必填（或必选）的。
语法:
1
<input required="required">
特点:
适用于<input>标签的以下类型:text,search,url,telephone,email,password,date pickers,number,checkbox,radio以及file。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>required属性</title>
</head>
<body>
<form action="demo-form.php">
Username: <input type="text" name="usrname" required />
<input type="submit" />
</form>
<p>
<strong>注意：</strong>Internet Explorer 9及更早 IE 版本，或 Safari
不支持 input 标签的 required 属性。
</p>
</body>
</html>
效果：
阅读剩余部分
