HTML系列(三):文字设置_html/css_WEB-ITnose
程序员文章站
2022-05-07 11:13:40
...
一、标题
标题的h1到h6标签,这里不再赘述。值得一提的是,H5中新定义了一个元素,用来将标题和副标题群组。一般在header里将一组标题组合在一起,变成一个区块:
1 23 4 9阿里旅行·去啊
5阿里旅行·去啊是阿里巴巴旗下的综合性旅游出行服务平台
6阿里旅行·去啊,世界触手可行
7 810 阿里旅行·去啊整合数千家机票代理商、航空公司、旅行社、旅行代理商资源,直签酒店,客栈卖家等为广大旅游者提供特价机票,酒店预订,客栈查询,国内外度假信息,门票购买,签证代理,旅游卡券,租车,邮轮等旅游产品的信息搜索,购买及售后服务。全程采用支付宝担保交易,安全、可靠、有保证。11 12 13
二、关键字和产品名称
标签包裹的部分比其余部分更重要,呈现为粗体。以下场景可以使用b标签:文档的摘要中的关键字;产品描述中的产品名;其他文本在需要加粗显示的情况下。
根据H5规范,再没有其他更合适的标签时,才把b作为最后的选项。H5声明用h1到h6表示标题,em表示要强调的文本,strong来表示重要文本,mark表示标注的、突出显示的文本。
三、强调
标签表示强调其中的文本,用斜体来显示。但是如果只是单纯的想要斜体效果,请使用i标签。
四、外文或科技术语
标签也是显示斜体效果,使用场景为:表示转述句;表示分类名称;习语。
五、重要文字
和一样用于强调文本,但它强调的程度更强一些。显示效果为加粗。
六、删除线
显示效果为删除线,可以和
七、下划线
可以在css样式属性中的text-decoration设置为underline来为文字添加下划线,也可以利用u标签设置。在H5中不再支持u标签。如果不是超链接的话不建议添加下划线。
八、小号字体内容
上一篇: CSS的四个核心概念_html/css_WEB-ITnose
下一篇: php多功能搜索
推荐阅读
-
《写给大家看的CSS书》第三章:字体与文本_html/css_WEB-ITnose
-
css实现的文本框focus获取焦点设置样式代码实例_html/css_WEB-ITnose
-
春节酷站系列!帮你整合Dribbble上可以免费下载的优质素材_html/css_WEB-ITnose
-
css 给table设置样式_html/css_WEB-ITnose
-
网站现有二级菜单,怎么用CSS在二级菜单下显示三级菜单。求好心人帮忙。_html/css_WEB-ITnose
-
CSS学习笔记三_html/css_WEB-ITnose
-
求解决问题,IE8透明度背景跟文字也被透明了_html/css_WEB-ITnose
-
7款震撼人心的HTML5CSS3文字特效_html/css_WEB-ITnose
-
怎么定义每一行的文字下面都有下划线虚线?_html/css_WEB-ITnose
-
请问怎么设置表格最小高度,在tr中设置min-height没用_html/css_WEB-ITnose