首頁 > web前端 > html教學 > CSS字体设置_html/css_WEB-ITnose

CSS字体设置_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:39:20
原創
1705 人瀏覽過

字体颜色设置:color

      <base href="<%=basePath%>">    <style type="text/css">  	div{  		color: blue;  	}  	a{  		color: red;  	}  </style>      <div><span>Hello World!</span></div>    <a>你好!</a>    <p style="color:#D95624;">11111</p>  
登入後複製

运行结果:



字体大小设置:font-size

<pre name="code" class="html">      <base href="<%=basePath%>">    <style type="text/css">  	div{  		font-size: 22pt;  	}  	a{  	    /*浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素,同时W3C标准推荐的也是em作为字体大小的度量单位*/  		font-size: 1em;  	}  </style>      <div>二号字 ,磅值为:22</div>    <a>1em的字体</a>    <p style="font-size: 32px;">32像素的字体</p>    <span style="font-size: 200%">2em的字体</span>  
登入後複製

运行的结果


登入後複製
登入後複製
字体类型:font-family
登入後複製
<pre name="code" class="html">      <base href="<%=basePath%>">    <style type="text/css">  	div{  	    /*仿宋*/  		font-family:仿宋_GB2312;  	}  	a{  	    /*微软雅黑,宋体*/  		font-family : 微软雅黑,宋体;  	}  </style>      <div>仿宋_GB2312</div>    <a>微软雅黑,宋体</a>    <p style="font-family:黑体;">黑体</p>    <span style="font-family: Times New Roman;">Times New Roman</span>  
登入後複製

运行结果:
<img src="http://img.blog.csdn.net/20150807235228635" alt="">
登入後複製
登入後複製
登入後複製
其它:
登入後複製
<pre name="code" class="html">      <base href="<%=basePath%>">    <style type="text/css">  	div{  	    /*文本斜体显示*/  		font-style: italic;  	}  	a{  	    /*字体加粗*/  		font-weight:bold;   	}  </style>      <a>字体加粗</a>    <div>文本斜体显示</div>    <span   style="max-width:90%">加下划线</span>  
登入後複製

运行的结果:
<img src="http://img.blog.csdn.net/20150807235305830" alt="">
登入後複製


版权声明:本文为博主原创文章,未经博主允许不得转载。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板