基本常用标签
框架
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代码,你懂的。