码迷,mamicode.com
首页 > Web开发 > 详细

关于文字的常用样式css

时间:2015-01-30 20:54:26      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

文章摘自:http://blog.csdn.net/cicada_slough/article/details/43305303

文字斜体
p.italic {font-style:italic}
p.oblique {font-style:oblique}


letter-spacing  文字间距
text-indent:2em  首行缩进当前文字两个单位


FontsQuirrel 字体在线转换网址
.TTF或.OTF,适用于Firefox?3.5、Safari、Opera???
.EOT,适用于Internet?Explorer?4.0+???
.SVG,适用于Chrome、IPhone


/*CSS中植入字体*/
@font-face?{
font-family:?‘fontNameRegular‘;??
src:?url(‘fontName.eot‘);?
src:?local(‘fontName?Regular‘),?
     local(‘fontName‘),?
url(‘fontName.woff‘)?format(‘woff‘),
url(‘fontName.ttf‘)?format(‘truetype‘),?
url(‘fontName.svg#fontName‘)?format(‘svg‘);?}?
/*其中fontName替换为你的字体名称*/


/*CSS中调用字体*/
p?{?font:?13px?fontNameRegular,?Arial,?sans-serif;?}?h1{font-family:?fontNameRegular}


/*文字左右对齐*/
常用的css文字对齐方式:
text-align:center; 文字居中对齐
text-align:left;      文字左对齐
text-align:right;    文字右对齐
HTML常用的:
<p align="right">文字居右</p>
<p align="left">文字居左</p>
<p align="center">文字居中</p>


/*文字与下划线之间的距离*/
padding-bottom:?px;

关于文字的常用样式css

标签:

原文地址:http://www.cnblogs.com/csblog/p/4263036.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!