四期学习小组

css第二节

2017-05-07  本文已影响2人  CC5246

一. display属性

1. 四个属性值

none:不被显示,在文档中被移除

block:按块级元素显示,前后带换行符,独占一行

inline:按内联元素显示

inline-block: 按行内标签排版可以设置宽高

2.

display: none 直接移出当前标签不影响页面布局

visibility: hidden 占用页面空间

3.行内块元素设置

css第二节

二. 文字排版

1.字体大小设置

font-size:设置字号,单位px

例如: p{font-size:32px}

2.字体设置

font-family

css第二节

3.字体颜色设置

color: red;

4.字符间距

letter-spacing定义字间距,默认为normal

例如 letter-spacing: 10px;

5.单词间距

word-spacing克定义单词间距,也可设置汉子出现段字的距离

6.字体粗细

font-weight (没有单位)

属性值:normal, bold bolder, lighter

7.字体风格

font-style

属性值:normal默认值 显示标准字体样式

italic 字体以斜体显示

oblique 文字倾斜

8. 文本装饰

text-decoration设置文本装饰效果

css第二节

9. text-align

设置文本内容水平对齐

属性值:left左对齐  right右对齐  center居中

三 . 行高

 line-height 行间距

行与行之间的距离,字符的垂直间距,称为行高。

属性值:像素px 相对值em  百分比%

上一篇 下一篇

猜你喜欢

热点阅读