初探HTML/CSS:文本控制

今天简单介绍一下行内元素位置如何来控制。

1.font标签合写

font:字体样式 是否加粗 字体大小 字体类型
例如:

/*字体样式 是否加粗 字体大小 字体类型*/
font:silver 700 20px "黑体";

2.字符间距:letter-spacing 和 词间距:word-spacing

每个汉字或每个字母为一个字符,设置letter-spacing即设置每个字母之间的间距。词间距顾名思义就是每个英文单词之间的距离,但本质上其实就是设置空格的宽度。

/*字符间距*/
letter-spacing: 30px;
/*词间距*/
word-spacing: 30px;

3.行间距:line-height

行间距也称行高,若想让行内元素垂直居中,必须让行高=元素高度。这里简单补充一些特有名词:

Snip20161219_11.png

Sublime使用上的小技巧

当编写代码没有提示

在html文件中编写php中的关键字时没有智能提示时,Shift+command+P -> set syntax:php。这样其实就是在html文件中添加了php的库文件。

键入p.myClass 之后按 tab键,自动补全为:
<p class="myClass"></p>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,690评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,741评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,603评论 0 5
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,514评论 0 30
  • 本文为阅读《Head First HTML 与 CSS》的css部分的读书笔记,方便回顾书上的知识,另一篇为Hea...
    兼续阅读 5,830评论 0 17

友情链接更多精彩内容