首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

字体选得好,开发效率

经常有人在我的视频和文章下留言说:你IDE用的什么字体?还挺好看的。 今天就统一回复下,我用的字体是 monaco 一款好的编程字体通常要满足以下几个条件: 1....所以相比于出版打印常用的有衬线字体,编程字体大多是简洁柔和的无衬线字体,更适合在屏幕上长时间阅读。 上述条件 monaco 都满足。...它是苹果出的一款开源字体,所以在Mac系统上表现更好,曾是Mac终端和Xcode的默认字体。 当然它不是唯一的选择。比如Mac上另一款字体menlo,也曾是Xcode的默认字体。...而Windows平台上,大名鼎鼎的consolas是很多人的选择,也是VSCode的默认字体。 这三款字体的风格比较类似,都是比较典型的编程字体。...最后,再推荐一个我在SublimeText中使用的字体:Sarasa-Gothic,更纱黑体 它是由一位国人大佬 Belleve 制作的开源字体

44210
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    而今的HTML5业状态

    HTML5学堂:必须要说,这是一碗心灵的毒药,我不想灌什么鸡汤,因为那些东西只能够暂时性的蒙蔽双眼。如果你想要了解真相,不怕被伤害,那请往下看,跟我一起干了这碗心灵毒药。 HTML5业当前如何?...HTML5业如何?利利一直都是喜欢以数据作为基本的依据,因此我们看看几组数据~~~ 就业需求量比对 ?...业步入低谷 HTML5业的炒作与人性 在2012年,各个媒体、行业内部开始炒作HTML5,将HTML5推上神坛,号称HTML5是可以实现一切的,号称WEB APP的优势有多强,号称响应式布局是多么“...就如同你花3年学会了HTML5开发;别人花了9个月学会了HTML5开发,假设你们当前的技术水平是一样的,那么此时,公司在雇佣你的时候要开出比别人3倍的薪水吗?...对于培训中的讲师,在2014年以前踏入这个行业的讲师,都是值得尊敬的,因为那时HTML5讲师的工资都没有IOS助教,也没有出去做开发,那时的讲师送走的毕业生都比自己工资还要高。

    1.4K90

    cssline-height的用法(转)

    本文导读: ““指一文子的高度,具体来说是指两行文子间基线间的距离。在CSS,line-height被用来控制之间的垂直距离。line- height 属性会影响框的布局。...三、line-height中行、行距与半行距 是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。 行距是指一底线到下一顶线的垂直距离,即第一粉线和第二绿线间的垂直距离。...半行距是行距的一半,即区域3垂直距离/2,区域1,2,3,4的距离之和为,而区域1,2,4距离之和为字体size,所以半行距也可以这么算:(-字体size)/2 图片说明 四、line-height...行内框,每个行内元素会生成一个行内框,行内框是一个浏览器渲染模型中的一个概念,无法显示出来,在没有其他因素影 响的时候(padding等),行内框等于内容区域,而设定时行内框高度不变,半行距【(...-字体size)/2】分别增加/减少到内容区域的上下 两边(深蓝色区域) 框(line box),框是指本行的一个虚拟的矩形框,是浏览器渲染模式中的一个概念,并没有实际显示。

    98510

    Cell 动态文字显示不全问题探索

    问题概述 使用的是”预估+自动布局“的方法实现动态(适用于 iOS7.0 以后系统)。...预估: self.gTV.estimatedRowHeight = 90; self.gTV.rowHeight = UITableViewAutomaticDimension; 自动布局,又叫 autolayout...发现预估是正常的。 效果如下: ?...在 cell 显示之前,setFrame 生效,此时,cell 在之前预估的基础上,根据约束重新布局,舍弃了内容 label 的高度约束,导致内容显示不全。...当我们把底部约束的优先级降低到 Low 时,cell 在之前预估的基础上,根据约束重新布局,舍弃的就是低优先级的底部约束了,因此才能看到低优先级底部约束开始生效,后来因 setFrame 减小了高度

    1.9K20

    文本类样式 — 背景、文本、字体

    5、line-height 字体的设置,主要用来设置页面中每个字体。...Tips:当line-height设置成父元素的高度的时候,也就是说高等于父元素的高度,文本就会居中。...6、字体类属性的使用总结 字体类属性可以设置页面中的字体大小、粗细、风格、格式,还包括了一个文本行的设置,具体的使用见下面代码: .box { width: 600px; height...2、text-indent 文本缩进的设置,通常用来实现页面文字段落中的首缩进2字符操作,一般首缩进只需要书写:text-indent: 2em;即可。...2字符*/ color: red; } HTML5学堂是一个便于初学者学习的好平台HTML5学堂是一个便于初学者学习的好平台HTML5学堂是一个便于初学者学习的好平台

    2.6K80

    、(顶线、中线、基线、底线)、vertical-align

    image.png (3) (line-height) 内容区 + 以内容区为基础 对称拓展的 空白区域,我们称之为 。...元素居中时的 让元素在指定区域内 上下居中: = 行距 * 2 +font-size image.png 字体大小 line-height< 字体大小font-size时, 将出现...半行距:半行距是行距的一半,即区域3垂直距离/2,区域1,2,3,4的距离之和为,而区域1,2,4距离之和为字体size,所以半行距也可以这么算:(-字体size)/2。...image.png (5)行内框、框 行内框:每个行内元素会生成一个行内框,行内框是一个浏览器渲染模型中的一个概念,无法显示出来,行内框等于内容区域,而设定时行内框高度不变,半行距[(-字体size... image.png 元素对影响 框高度是行内最高的行内框高度,通过line-height调整,内容区高度与字体尺寸有关,padding不对造成影响。

    2K20

    HTML5业现状与未来 - 2016年终大盘点

    HTML5(WEB前端)在2013和2014年,随着行业的推动慢慢的增长,直至2015年迎来了行业的大爆发,HTML5迅速被推上舞台,这个词语也成了不少人闲谈中的常见词汇。...2016年,泡沫开始弥漫整个行业,在行业状态以及供求关系的共同驱使下,HTML5终于进入了大幅调整期 一起来看基本数据 数据采集来源:智联招聘网; 数据采集人:HTML5学堂(码匠)-利利、堡堡、国荣...虽说是看跌,但是应该不会跌的太惨,整个HTML5业,之后将会进入一种“稳定波动”的状态,在稳定当中缓慢下滑(应该不会再出现2015到2016年的这种“大跳水”)。...微信这个月(2017.01)正式推出的小程序,又引来了不少HTML5业人员的炒作,很多人认为微信小程序会有很大的发展,也会带来不少HTML5的就业机会。...所以,纵然微信小程序未来市场有多大,公司当前现有的HTML5开发工程师也能够直接hold住微信小程序的开发。并不会因为这个“噱头”而让HTML5再“大烧一场”。 3.

    90350

    关于、块元素的讲解以及HTML5元素的分类

    本文内容概要: 1 元素的使用 2 块元素的使用 2 、块元素的特性区别 4 、块元素的区别总结 5 HTML5元素的总结 在页面开发中,我们会把标签做一个分类,大致划分为:元素、块元素、第三类元素...strong标签: strong标签是定义强调文本,浏览器通常是用加粗的字体来显示其中的内容。 em标签: em标签也是定义强调文本,浏览器通常是用倾斜的字体来显示其中的内容。...元素总结 span、strong等标签是属于元素,元素显示在同一元素不可以设置宽,对其设置上下的margin、padding是无效; 未设置宽的时候,内容撑开宽。...块元素总结 以上这些标签都是属于块元素的,块元素是独占一; 块元素可以设置宽,对其设置margin和padding都有效; 未设置宽的时候,宽度是父元素宽度的100%,高度由内容撑开。...五、HTML5的元素总结 上文中我们讲解了很多标签的特点与使用方法,究其根本,也仍然还是在对、块元素做了很大篇幅的介绍。而对于HTML5来说,不仅仅只是由、块两大类元素组成的。

    2.7K70
    领券