文字效果对比
1-1倾斜对比
使用p标签,i标签,em标签,对比倾斜效果
浏览器显示如下图:

代码内容如下图:

给p标签添加效果,给em取消倾斜,对比添加效果和自带效果标签的区别 ;
浏览器显示如下图:

代码内容如下图:

1-2文字加粗对比
p、div、b、strong标签对于文字粗细的对比,和附加效果后的对比;
代码内容如下图:

附加效果后,浏览器显示如下图:

代码内容如下图:


1-3文字字体对比
对比标签本身默认字体和附加字体效果后,和默认效果对比;
代码内容如下图:

浏览器显示如下图:

代码内容如下图:

1-4文字大小对比
p、div、span标签,对比默认字体大小和附加字体大小后对比;
浏览器显示如下图:

代码内容如下图:


2 行高效果对比

3 删除线对比
标签选择器和属性变化,对比自带属性变化的标签;

(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)
网友评论