仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 631|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS3教程(7):CSS3嵌进字体

[复制链接]
萌萌妈妈 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:03:21 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
想要制造一些很酷的头部效果并且挣脱网站平安字体而且不利用图片文件?那末就利用CSS3嵌进字体吧!
上一篇:CSS3教程(6):创立网站多列
要利用一款字体,我们起首必要利用‘@font-face’属性。这必需先筹办好我们要用的字体文件。
只管如许,让我们复杂的进修一下字体方面的汗青。@font-face属性从CSS2就已思索了,但却一直在CSS2.1中还没有呈现。CSS3实验经它带到尺度中来。
假如你手上没有字体文件,你能够在dafont.com下载一些。
跨扫瞄器兼容性
今朝只要Safari撑持@font-face特征(GoogleChrome开辟版2.0.156+也撑持这个特征)。
注重,你的扫瞄器必要一些工夫加载字体文件,以是,就今朝来讲,利用图片文件而不是CSS款式的用户体验会更好些。
CSS3嵌进字体


下面的效果可由上面的款式完成:
  1. @font-face{font-family:qianduanNet;src:url("SketchRockwell.ttf");}.fontFace{font-family:qianduanNet;font-size:3.2em;letter-spacing:1px;text-align:center;}
复制代码
我们也能够对利用font-face的中央利用暗影效果。
  1. .fontFaceShadow{font-family:qianduanNet;font-size:3.2em;letter-spacing:1px;text-align:center;text-shadow:3px3px7px#111;}
复制代码
扫瞄器撑持:


  • Firefox(3.05+…)
  • GoogleChrome(1.0.154+…)
  • GoogleChrome(2.0.156+…)
  • InternetExplorer(IE7,IE8RC1)(IE7+撑持eot格局的字体文件)
  • Opera(9.6+…)(撑持笔墨暗影)
  • Safari(3.2.1+windows…)

现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
因胸联盟 该用户已被删除
沙发
发表于 2015-1-18 05:00:23 | 只看该作者
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
萌萌妈妈 该用户已被删除
板凳
 楼主| 发表于 2015-1-25 14:41:03 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
莫相离 该用户已被删除
地板
发表于 2015-2-2 22:32:58 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
分手快乐 该用户已被删除
5#
发表于 2015-2-8 17:47:15 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
只想知道 该用户已被删除
6#
发表于 2015-2-25 21:57:39 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
深爱那片海 该用户已被删除
7#
发表于 2015-3-8 09:01:30 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
admin 该用户已被删除
8#
发表于 2015-3-15 22:40:24 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
柔情似水 该用户已被删除
9#
发表于 2015-3-22 17:31:20 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-11 05:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表