Heim > Web-Frontend > HTML-Tutorial > CSS字体设置_html/css_WEB-ITnose

CSS字体设置_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:39:20
Original
1705 Leute haben es durchsucht

字体颜色设置: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>  
Nach dem Login kopieren

运行结果:



字体大小设置: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>  
Nach dem Login kopieren

运行的结果


Nach dem Login kopieren
Nach dem Login kopieren
字体类型:font-family
Nach dem Login kopieren
<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>  
Nach dem Login kopieren

运行结果:
<img src="http://img.blog.csdn.net/20150807235228635" alt="">
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
其它:
Nach dem Login kopieren
<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>  
Nach dem Login kopieren

运行的结果:
<img src="http://img.blog.csdn.net/20150807235305830" alt="">
Nach dem Login kopieren


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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage