html 汉字美化,HTML5 | 0 0 6

在中，我们通过 CSS 样式，设置区块 container 水平居中。

通过，CSS 的 position 属性，设置 transform 垂直居中。

现在，字体一下就显得挫一些了！

必须要美化下！

一般情况下，默认的“宋体”无法彰显B格，所以需要自己设置下字体，DIY后总是极佳的。

想起小王子的一句话：

正因为你为你的玫瑰花费了时间，

这才使你的玫瑰花变得如此重要。

fishc

设置最佳显示字体

在不同的话系统中有着不同的默认最佳显示字体。

Mac是系统自带的黑体，微软是微软雅黑。

咱们可以通过设置font-family属性为sans-serif，即系统默认的无衬线字体，系统自动选择最佳显示字体。

所谓无衬线字体，就是一种优美的、圆润的、适合阅读的字体，看下面演示效果就知道了～

对了，sans-serif属性，针对Mac、Win 8 以上有效，之前的Win系统，可能还是会显示宋体。

不二如是1分钟前

有测试过的鱼油，可以在原帖下方留言，

不二必有厚礼哈~

没错，还是跟修改颜色一样，全局修改：

html,body{

height: 100%;

color: #FF0088;

font-family: sans-serif;

}

看一下效果：

fishc

设置字体大小

将“我爱鱼C”放大！彰显这独一无二的气质！

h1{

font-size: 66px;

margin-bottom: 22px;

}

font-size就是设置字体大小的。

margin-bottom属性，就是控制h1标题与下面p之间的距离的，毕竟距离产生美～

现在修改，p的样式，适当放大，并且与下面”传送门“拉开距离

font-size: 33px;

margin-bottom: 22px;

}

修改，“传送门a”的样式

font-size: 55px;

}

看一下最终效果：

·the end·

戳原文，更有料！

html 汉字美化,HTML5 | 0 0 6 - 美化字体相关推荐

奇奇美化大师 v1.0.0.1009 官方最新版
软件名称: 奇奇美化大师 v1.0.0.1009 官方最新版软件分类:风格主题运行环境:WinXP/Win7/ 软件语言:简体中文授权方式:免费版软件大小:2058KB 更新时间:2013- ...
HTML5 从0开始写连连看第一集. 背景图表格绘制
主要用到的核心东西就是html5的canvas功能,利用js来实现画图和一系列的操作 1.首先,定义一个画布并添加了一个单击事件 <body> <table border=&quo ...
HTML5开源RPG游戏引擎lufylegendRPG 1.0.0发布
经历了几个月的改进,终于发布1.0.0版了.虽然引擎依然存在漏洞,但是比起上次更新还是要好多了.在这里不得不感谢各位网友的大力支持. 首先为引擎做一个开场白吧,也好让大家了解一下它: lufylege ...
html5 android6.0摄像头,HTML5调用手机前置摄像头或后置摄像头拍照，canvas显示,经过Android测试...
但是navigator.getUserMediau已经从 Web 标准中删除,虽然部分浏览器可以使用,生产环境中还是要做好兼容.新的API更替为MediaDevices.getUserMedia.Me ...
html5表单的css修饰,如何使用CSS3美化HTML5表单
目前表单格式如下: #redemption { width: 100%; font-family: 'ColaborateThinRegular'; font-weight: 400; } #rede ...
黑苹果html5,黑苹果配置必备神器 Clover Configurator v5.10.0.0 官方中文原版
Clover Configurator 是黑苹果系统配置Clover必备神器,您可以通过修改参数ACPI开始,您可以个性化开机方式,调整CPU性能,禁用某些驱动程序,等等.该实用程序还简化某些任务:可 ...
我写的一个以词搜图系统0.0.0版本
第一个本机以词搜图代码0.0.0 功能对本机的图片能够进行导入,利用OCR技术提取文本后搜索关键词输出图像这里仅实现了本机图片,还没有达到网络图片的搜索效果实现 1.OCR:开始我准备用自己写的 ...
你一定不能错过的pandas 1.0.0四大新特性
文章来源于Python大数据分析,作者费弗里本文对应脚本及数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1. ...
FastAdmin 极速后台管理框架（三周年）V1.0.0.20190410_beta
开发四年只会写业务代码,分布式高并发都不会还做程序员? >>> FastAdmin 极速后台框架(三周年)V1.0.0.20190410_beta FastAdmin 三周岁了, ...
MooTool 1.0.0 发布，开发者常备桌面小工具
MooTool 1.0.0 已发布,开发者常备桌面小工具. MooTool A handy desktop toolset for developers. 开发者常备桌面小工具支持的功能 Host切 ...

html 汉字美化,HTML5 | 0 0 6 - 美化字体

html 汉字美化,HTML5 | 0 0 6 - 美化字体相关推荐

最新文章

热门文章