初探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

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

初探HTML/CSS:文本控制_第1张图片
Snip20161219_11.png

Sublime使用上的小技巧

当编写代码没有提示

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

键入p.myClass 之后按 tab键,自动补全为:

你可能感兴趣的:(初探HTML/CSS:文本控制)