-
最后两行是抗锯齿查看全部
-
字体图标在IE9兼容模式下写法。查看全部
-
解决IE8及以下浏览器字体图标不显示的方法，加？iefix查看全部
-
对于一张图片的左上角坐标为0，0，向下为y轴负方向，向右为x轴负方向查看全部
-
@font-face查看全部
-
字体文件格式查看全部
-
icomoon图标设计软件查看全部
-
1. 切图，使每个切片都尺寸相同，制作雪碧图； 2. 写好HTML和对应CSS； 3. 使用JS动态赋值给相应元素查看全部
-
网页中 Icon 画小图标的方法： A、CSS Sprite B、font + HTML C、font + CSS查看全部
-
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;查看全部
-
解决ie8的问题 ?#iefix查看全部
-
使用自体在网页中画icon小图片方法区别： （1）原理：css sprite是背景图片定位。font+HTML和font+CSS是@font-face （2）兼容性：css sprite是完美。font+HTML是完美。font+CSS是不支持IE低版本 （3）图标颜色：css sprite是丰富。font+HTML和font+CSS是单一。 （4）缩放：css sprite是失真。font+HTML和font+CSS是高清。 （5）后期维护：css sprite是困难。font+HTML和font+CSS是简单。 （6）使用率：css sprite是高。font+HTML和font+CSS是一路看涨。查看全部
-
font + CSS画小图标： （1）Use i(for selecting <i>) <i class="icon-home"></i> i{ font-family:'imooc'; font-style:normal; font-weight:normal; /*Better Font Rendering */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } （2）Use Attribute Selectors： <span class="icon-home"></span> [class^="icon-"],[class*="icon-"]{ font-family:'imooc'; font-style:normal; font-weight:normal; /*Better Font Rendering */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } （3）Use a Class: <span class="icon icon-home"></span> .icon{ font-family:'imooc'; font-style:normal; font-weight:normal; /*Better Font Rendering */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }查看全部
-
font + CSS画小图标： <i class="imooc-icon">HTML实体</i> 知识点：:before伪元素。伪元素就是创建一个虚假的元素，并插入到目标元素内容之前。 语法： selector:pseudo-elemrnt{ //伪元素的语法 property:value; } .class:pseudo-elemrnt{ //类与伪元素配合使用 property:value; } 知识点： content属性。在CSS2.1中被引入，与:before及:after伪元素配合使用，来插入生成内容。 语法： content:normal | none | [<string> | <uri> | ...]+查看全部
-
字体文件格式： （1）EOT(Embedded OpenType Fonts)：微软开发的用于嵌入网页中的字体，IE专用字体。只支持IE浏览器。 （2）WOFF(The Web Open Font Format)：Web字体中最佳格式，它是一个开放的TrueType/OpenType的压缩版本。2009年被开发，如今被W3C组织推荐标准。支持所有浏览器。 （3）TTF(TrueType Fonts)：1980年，由Microsoft和Apple联合开发的一套字体标准，是Mac OS和WIN操作系统中最常见的一种字体。支持所有浏览器。 （4）SVG(SVG Fonts)：用于SVG字体渲染的一种格式，是由W3C制定的开放标准的圆形格式。不支持火狐和IE @font-face 语法： @font-face{ font-family:<family-name>; src:[<url>[format(<string>#)]?|<font-face-name>]#; font-weight:<weight>; font-style:<style>; } 链接地址;http://www.w3.org/TR/css3-fonts/#descdef-src查看全部
举报
0/150
提交
取消