原文:CSS魔法堂:再次认识font

一 前言 文字承载着站点内涵,而良好的字体 排版则为用户提供舒适的阅读体验。本文打算对字体稍微深入一下子网页字体的内容,若有纰漏请大家指正,谢谢 目录一坨: 二, 字体分类 . 衬线体 Serif . 无衬线体 非衬线体 Sans Serif . 等宽体 Monospace . 手写体 书法体 Calligraphy . 符号体 Symbol 三, 再识font family . 认识font f ...

2015-03-03 17:11 2 9642 推荐指数:

查看详情

CSS3魔法堂认识@font-face和Font Icon

一、前言                                 过去我们总通过图片来美化站点的LOGO、标题、图标等,而现在我们可以通过@font-face获取另一种更灵活的美化方式。 二、看看例子 ...

Sun Mar 08 04:30:00 CST 2015 7 15513
JS魔法堂再次认识Function.prototype.call

一、前言                               大家先预计一下以下四个函数调用的结果吧! ...

Sat Dec 13 19:49:00 CST 2014 2 4665
CSS魔法堂:Flex布局

前言  Flex是Flexible Box的缩写,就是「弹性布局」。从2012年已经面世,但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀,是要学点新东西刺激一下大脑,打打鸡血。 Fle ...

Tue Jun 05 00:48:00 CST 2018 1 981
CSS魔法堂:重新认识Box Model、IFC、BFC和Collapsing margins

前言                                 盒子模型作为CSS基础中的基础,曾一度以为掌握了IE和W3C标准下的块级盒子模型即可,但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。何为盒子 ...

Thu Mar 17 15:10:00 CST 2016 7 7891
CSS3魔法堂:背景渐变(Gradient)

一、前言                             很久之前就了解过CSS3的线性渐变(Linear-Gradient),这段时间决定进一步认知这一特性,以下笔记以便日后查阅。 二、CSS3的各种背景渐变                     1. 线性渐变 ...

Fri Nov 28 18:12:00 CST 2014 4 11605
CSS魔法堂:Transition就这么好玩

前言  以前说起前端动画必须使用JS,而CSS3为我们带来transition和@keyframes,让我们可以以更简单(声明式代替命令式)和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结,欢迎各位拍砖。 属性介绍  首先先我们简单粗暴了解 ...

Wed Jun 06 11:53:00 CST 2018 0 1500
CSS魔法堂:Box-Shadow没那么简单啦:)

前言  说起box-shadow那第一个想法当然就是用来实现阴影,其实它还能用于实现其他好玩的效果的,本篇就打算说说box-shadow的那些事。 二话不说看效果 3D小球 纸张阴影(来 ...

Wed May 11 16:49:00 CST 2016 1 7840
CSS魔法堂:那个被我们忽略的outline

前言  在CSS魔法堂:改变单选框颜色就这么吹毛求疵!中我们要模拟原生单选框通过Tab键获得焦点的效果,这里涉及到一个常常被忽略的属性——outline,由于之前对其印象确实有些模糊,于是本文打算对其进行稍微深入的研究_ Spec是这样描述它的 作用  用于创建可视对象的轮廓(元素 ...

Tue Oct 09 14:20:00 CST 2018 0 715
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM