css笔记——day2(字体)_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
1
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 2075 | 回复: 0   主题: css笔记——day2(字体)        下一篇 
CinderellaPink
注册用户
等级:少校
经验:1071
发帖:56
精华:0
注册:2015-7-15
状态:离线
发送短消息息给CinderellaPink 加好友    发送短消息息给CinderellaPink 发消息
发表于: IP:您无权察看 2015-9-10 11:51:59 | [全部帖] [楼主帖] 楼主

1.text-shadow —— 给文字添加阴影
   text-shadow: length length length color
   前3个length分别指阴影文字的横方向距离、纵方向和阴影的模糊半径
   半径越大,越模糊。
  
   它还可以指定多个阴影,用逗号隔开。
   text-shadow:10px 10px pink,10px 20px black,70px 80px blue;

2.word-break —— 让文本自动换行
   normal 使用浏览器默认换行规则 
   keep-all 只能在半角空格或者连字符处换行 (只有IE支持)
   break-all 允许在单词内换行(IE不允许标点符号位于行首,safari与chrome允许)
  
3.word-wrap —— 让长单词与URL地址自动换行
   word-wrap:break-word  则浏览器可以在长单词或者URL地址内部进行换行。
   word-wrap:normal  则浏览器保持默认处理,只有在半角空格或者连字符的地方进行换行。

4.Web Font与@font-face —— 使用服务器端字体
   @font-face{
font-family:WebFont;
src:url('font/Fontin_Sans_R_45b.otf') format("opentype");
font-weight:normal;
   }
   h1{
font-family: WebFont;
   }

5.font-size-adjust —— 修改字体种类而保持字体尺寸不变
它的使用很简单,但是它需要使用每个字体种类自带的一个aspect值(比例值)

这个aspect值的计算方式为x-height指除以该字体的尺寸,x-height指的是这个字体小写x的高度。如果某字体的尺寸为100PX,小写x为58px,则aspect为0.58

6.text-overflow —— 当容器容不下的内容时,可以在盒子的末尾显示一个呆鸟省略的符号“...”。但是,text-overflow属性只在当盒子的内容在水平方向上超出盒的容纳范围时有效。

text-overflow:ellipsis;(IE)
-webkit-text-overflow :ellipsis;(Safari chrome)
-o-text-overflow:ellipsis;(Opera)




赞(0)    操作        顶端 
总帖数
1
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论