高对比度是确保网页阅读无障碍的关键，但也往往会被过分强调。
白底黑子会让打断文本显得过分密集，反而影响可读性。

文字颜色

3b4348

链接颜色

235ea7

衬线字体

font-family: "Georgia Pro", Georgia, Times, 'Times New Roman', serif;

无衬线字体

font-family: "Avenir Next", SegoeUI, arial, sans-serif;

** 代码字体优先使用monospace,等宽字体，手写字体有：fantasy和cursive**

字体粗细

normal bold bolder lighter

100~ 900

400 = normal； 700 = bold

字体阴影

text-shadow: x y 模糊距离颜色

CSS排版常用值指南的更多相关文章

从文档流来看内联元素和块元素的css排版
veda原创[抄录]讲得很好存自己这里看从文档流来看内联元素和块元素的css排版 CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的 ...
CSS hack常用方案（摘选）
邮箱因为默认了line-height?:170%,导致采用table元素时继承问题,可以采用line-height:50% 很好解决. 常在使用float时,后面的显示不正常,因为继承了float了 ...
css的常用知识点
一.css的引入方式 1.行内引入直接在标签中定义样式 <p style="background-color: red">test</p> 2.嵌入式引入 ...
前端学习（十二）：CSS排版
进击のpython ***** 前端学习--CSS排版本节主要介绍网页排版中主要格式化元素属性帮助开发者把css技术与网页排版紧密联系到一起,来更好的实现网页设计效果字体属性字体在日常工作中 ...
CSS/CSS3常用样式小结
1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hid ...
CSS样式常用属性整理
web工程师是最近5年刚刚兴起的一门高薪职业,人们的专注度越来越高. 那么前端除了学习html标签之外还需要掌握什么知识点呢? 为大家整理了一个和HTML标签密不可分的知识要点--<CSS样式常 ...
【笔记-前端】div+css排版基础，以及错误记录
现在的网站对于前端的排版已经逐渐不使用<table>,而是使用div+css. 使用这种方法的最大好处就在于在维护页面时,可以只维护css而不去改动html. 可是这种方式对于初学者来说可 ...
CSS的常用属性
刚开始学习前段的我,还处于初级阶段,一些东西还是会有搞不明白的时候,还是要大家多多理解.今说就一些关于CSS的常用属性吧! 一.CSS常用选择器 CSS选择器应该说是一个非常重要的工具吧,选择器用得好 ...
CSS基础--常用样式
一.背景相关背景颜色 background-color :颜色名称/rgb值/十六进制值背景图片 background-image :url('') 背景图片平铺方式 background-rep ...

随机推荐

原生js addclass,hasClass,removeClass,toggleClass的兼容
(function (window) { 'use strict'; // class helper functions from bonzo https://github.com/ded/bonzo ...
MYSQL查找总结
a.条件判断where select * from 表 where id > 1 and name != 'alex' and num = 12; select * from 表 where ...
Katu Puzzle（POJ3678+2-SAT问题+tarjan缩点）
题目链接:http://poj.org/problem?id=3678 题目: 题意:给你a,b,c,op,op为逻辑运算符或.与.异或,使得a op b = c,让你判断这些运算符是否存在矛盾,不存 ...
bzoj 1261 区间DP
首先我们知道ans=Σ(h[i]*f[i])=Σ(h[i]*d[i])/s=Σ(k(r[i]+1)+c)*d[i]/s=Σ(k*r[i]+(k+c))*d[i]/s 我们可以发现,除了k*r[i]之外 ...
js jq插件显示中文时间戳刚刚 N分钟前 N小时前今天上午下午日期格式化
注:页面需提前引用JQ ; $.fn.extend({ /* ** notes: 获取13位时间戳的简单操作 ** new Date('2018-02-01 15:10:00').getTime() ...
js_如何优化你的代码让它更好看
1.对于美的东西我们很难拒绝,比如美女.哈哈哈,程序员的梗. 2.所以我希望我写出来的代码也是很美观的,让人看起来会很舒服. 3.要想让你的代码简约美观,就要涉及封装,模块化了,可复用代码.vue可以 ...
hdu 1869 六度分离（最短路floyd）
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1869 六度分离 Time Limit: 5000/1000 MS (Java/Others) M ...
Windows Resizer
Windows ResizerWindows Resizer是chrome浏览器插件,可以调整视口大小
js原生读取json
function showJson(){ var test; if(window.XMLHttpRequest){ test = new XMLHttpRequest(); }else if(wind ...
Open Compute Project
Open Compute Project https://github.com/opencomputeproject https://github.com/floodlight/floodlight ...

CSS排版常用值指南