您现在的位置是：网站首页> 编程资料编程资料

HTML5时代CSS设置漂亮字体取代图片css3中transform属性实现的4种功能详解CSS3.0(Cascading Style Sheet) 层叠级联样式表纯CSS3实现div按照顺序出入效果CSS3实现列表无限滚动/轮播效果css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效CSS3实现的侧滑菜单CSS3实现的3D隧道效果用CSS3画一个爱心css3 实现文字闪烁效果的三种方式示例代码六种css3实现的边框过渡效果

2023-10-25 235人已围观

简介好多电商的网站文字部分都不是图片，而是直接用CSS来设计的，真心不错，下面是font-family的应用，喜欢的朋友可以参考下

HTML5时代已经不知不觉的到来了，看到好多电商的网站都设计的非常漂亮，特别是文字部分都不是图片，而是直接用CSS来设计的，真心不错，研究了一下他们的CSS代码，拿来分享下。

我看了下小米的CSS字体代码，觉得挺好，这里贴出来：

复制代码

代码如下:

body{font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;}

解释：arial字体几乎所有操作系统都支持，用来显示英文效果也不错；Hiragino Sans GB是苹果丽黑字体，现在用苹果电脑的用户也蛮多；Microsoft Yahei是微软雅黑字体，Win7自带，大家都懂的；sans-serif这个字体比较特殊，我个人认为是针对Linux系统的。

以上就是个人认为在设计网页的时候比较不错的字体设置，大家可以参考一下咯。

上一篇：在IE8 FF中使用padding设置select控件文字垂直居中select元素中设置padding效果的方法

下一篇：img使用br换行后之间有空隙的解决方法CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢