您的位置:首页 > DIV CSS实例 > 【 返回上一页

超链接A字体大小设置 A标签字体大小css布局实例教程

html超链接A标签字体大小设置教程篇

超链接a标签内文字设置颜色,改变超链接颜色样式大家可能比较熟悉,那么有时一篇文章或一个段落,或一个小局部使用a锚文本超链接,需要css设置不同字体大小又是如何做到?

一、认识如何设置字体大小

字体大小css属性单词:font-size - 《css 字体大小教程

div{font-size:14px}

设置网页中div字体大小为14px

a{font-size:16px}

设置默认超链接a字体大小为16px

以上css最简单对整个网页div文字大小和a标签超链接文字大小设置。

二、a标签字体大小设置实际布局应用解析与实例

1、应用场景描述
默认网页中超链接a设置一个值字体大小,在布局中,某一个对象内超链接a再设置一个不同文本字体大小值。

2、实例代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS超链接字体的大小实例 www.thinkcss.com</title>
<style>
a{ font-size:16px}
/* 设置此网页默认超链接字体大小为16px */
.adx a{ font-size:24px}
/* 设置class=adx对象内超链接字体大小为24px */
a.zj{font-size:12px}
/* a标签内设置class=zj的字体大小为12px */
</style>
</head>
<body>
<p>1、默认情况下字体大小,随浏览器默认!</p>
<p>2、<a href="#">超链接文字</a>没有超链接</p>
<p class="adx">3、指定内容<a href="#">超链接</a>看看大小</p>
<p>4、<a href="#" class="zj">超链接</a>标签设置class</p>
</body>
</html>

3、实例效果截图

css设置超链接a字体大小实例截图
css设置超链接a字体大小实例截图

4、实例解释
div css布局超链接文字大小实例中分为4段文字,首先默认设置超链接a标签字体大小为16px,可以看出第1段文字即显示默认16px大小文字;第3段对p设置class=adx,可以看见其内的文字大小为24px,这种叫通过对象指定对象内标签a设置样式;第4段直接对a标签内设置class=zj,成功设置a字体不同大小。

以上均通过不同方法,不同地方a标签,根据不同需求设置不同字体大小css样式。

5、在线演示

查看案例

6、a字体大小实例免费下载地址

三、超链接字体大小总结

超链接字体大小设置使用样式font-size,在实际布局中根据不同需求,使用不同(以上介绍几种css布局方法)超链接文字大小样式。

相关标签: a 字体大小 超链接
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/shili/1468.shtml

日期:2017-11-27 21:50:35 来源:www.thinkcss.com 作者:ThinkCSS
上一篇:html设置div边框样式css布局
下一篇:没有了

热门点击