常用html补位-区分标签

有些时候在一个小范围里边,实在不适合用太多的class区分,可以用几个短的html标签来补位、区分(小于四位)
但是有些html标签w3c标准已经逐渐抛弃;
下面总结下能用的,同时写出它在浏览器中默认的样式(如果需要重置,也写出用于css重置的方法)

html标签     表现             css 重置                                                       备注
b                 加粗             font-weight:normal;
strong         加粗             font-weight:normal;
big             大号文本        font-size:12px;font-weight:normal;
small         小号文本        font-size:12px;font-weight:normal;
em               斜体            font-style:normal;
i                  同em            font-style:normal;                                   【各大网站都用i做图标】
del              删除线          text-decoration:none;        【这个用做删除线的时候,老浏览器不兼容,最好在css中写上 text-decoration:line-through; 】
ins            下划线             text-decoration:none;               【它的下划线也是不兼容,在css中写上 text-decoration:underline; 】
span            无                     无                        【它和div并称为最通用的布局标签】

空标签-没有结束标签

br 换行
hr 水平分隔线

功能性太强而无法通用
q
blockquote
sub
sup
pre

鸡肋-大多数时候、大部分人都没用过
dfn
code
samp
var
cite
bdo        文字方向          【虽然可以但是确实不常用】
kbd       键盘文本

文章欢迎转载,转载请注明:IT培训机构_IT培训班_计算机培训_中公优就业 » 常用html补位-区分标签

分享到:更多 ()

评论 抢沙发

评论前必须登录!

优就业-中公教育旗下IT培训品牌

大学生IT培训中心2017春季全国就业促进计划