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

字体选得好,开发效率

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

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

    而今的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),框是指本行的一个虚拟的矩形框,是浏览器渲染模式中的一个概念,并没有实际显示。

    97910

    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不对造成影响。

    1.9K20

    HTML知识清单(附学习网站)

    DOCTYPE html> HTML5中的文档约束(DTD),代表使用的是H5格式 2、标签 在书写超链接时,必须在域名前写上:http://¬¬¬¬对搜索引擎优化,添加关键字、描述、作者...-big 字体变大标签 f) 字体标签 -color 颜色 -size 大小 -face 字体 g) 列表标签 –ol 有序列表 –ul 无序列表 –dl 自定义列表 h...图片的标题 -alt:图片无法正常显示的时候显示的属性 -align:图片的位置 ,必须有参照物 i) 表格标签 -border 边框大小 -width、heigth 单元格宽...-cellpadding 内容和单元格的距离 -colspan 合并列 -rowspan 合并行 -bgcolor 背景色 –tr 表格(height指定) –td 表格列(width...框体的内部名称 -value 默认显示框体的值 k) 框架标签 -width 宽度 -heigth 高度 -name 框架的值 -src 资源的位置 产生三条连接标签 Html5

    2.2K10

    我碰到的那些面试题html+css

    html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?...IE6,IE7,遨游中高度超出自己设置高度 问题症状:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度 碰到频率:60% 解决方案:给超出高度的标签设置overflow:hidden;或者设置...出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的的高度。即使你的标签是空的,这个标签的高度还是会达到默认的。...浏览器默认字体是16px, 整个页面内1em不是一个固定的值; 字体大小同样都是1.5em,但是效果却截然不同,按照W3C提供的公式, 我们可以计算下:class为id1的div字体大小继承自父元素body...通过它既可以做到只 修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。

    1.2K20

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

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

    2.7K70
    领券