Lesson 2: Dive Into Typography (排版) 排版是字的艺术,是关于字的一切:字体.字号.行高.行长.字重(斜体/加粗/正常).字距(kerning).行距(leading)可读性-- Article 1: Typography Essentials – A Getting Started Guide (排版要点--一个入门指南) 这篇文章所说的很多都不适用于中文. 基础 The Type Size, also called the Cap Height, is the…

Bullets 用来定义ul li 相关的样式 no-bullet  关闭 li的默认样式 那个小圆点 no-bullets 作用域ul 调用no-bullet 函数 不过用了reset 后 默认没有小圆点了 pretty-bullets($bullet-icon, $width, $height, $line-height, $padding) @mixin pretty-bullets($bullet-icon, $width: image-width($bullet-icon), $hei…

只需要具备以下技能,人人都可以成为企业家:经得起失败的考验,思维活跃,新点子不断,能够脚踏实地把新点子转化为产品,并在这个过程中坚持不懈,百折不挠,即使跌倒了,也要及时从失败中学习,迅速投入到下一次冒险之旅中.      ——詹姆斯·阿尔图切尔(James Altucher) 接下来这份长长的清单不仅是为企业家.创业者准备的,只要你想过上更惬意的生活,在工作中更加得心应手,这些资料就适合你.我相信这些资料总会帮助到大家甚至是读到这篇文章的每个人. 那我们就来看下能让梦想成真的免费应用/工具! 创…

前言 对于css文件而言,选择器的写法有它的讲究,如—— 1> 不要用ID选择器 2> 不要用通配符*选择器 3> 选择器的层级 ...... 对于属性值的写法也有他的讲究,如—— 1> 复合属性,如font.background.margin.padding等 2> 颜色.单位.hack.css3属性等 ...... 大家往往忽略一点,便是属性的书写顺序. 来自http://mdo.github.io/code-guide/,它所提倡的css属性顺序如下—— 1> P…

If Typescript is the first language in which you've encountered generics, the concept can be quite difficult to understand. We skip the lecture in this lesson and dive straight into a real-world use-case that is guaranteed to help you understand the…

目录 BoxModelRecap Box properties Overflow Background clip Background origin Outline Advanced box properties Setting width and height constraints(约束) Changing the box model completely Box display types Common display types Uncommon display types Backgr…

## normalize.css 中文版 normalize.css 原地址:http://necolas.github.io/normalize.css/reset 太暴力了,这个 normalize 相对要温柔很多.译文与原文中空了一行. /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* /*! 我就是自己看看,然后翻译下下,让大家看看 */ /* =================================…

当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局......所有的这些,都不是随随便便的,讲究一定的原则.本篇收集了使用HTML5和CSS3设计网站的一些片段. HTML5和CSS3常用参考网站? ● 浏览器渲染符合HTML5标准:http://necolas.github.io/normalize.css/● Google字体:ttps://www.goog…

总有那么几个时候会觉得,table的td不能自适应换行真坑,凭什么只能用tr来换行,经常数据都是连在一起的呀,你叫我怎么把它拆分放到tr里...... 那能不能用ul和li来替换?可以是可以,不过有时遇到“牛逼”的领导你能怎么办,就要用table怎么办!就问你怎么办!!! 那就把tr当ul,td当li用咯! 1.效果图: 2.这是重置样式normalize.css代码: /** * Correct `block` display not defined in IE 8/9. * * 修正IE 8…

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* /*! 我就是自己看看,然后翻译下下,让大家看看 */ /* ========================================================================== HTML5 display definitions HTML5 新增元素定义 =========================================…