css第二节

一. display属性

1. 四个属性值

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

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

inline:按内联元素显示

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

2.

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

visibility: hidden 占用页面空间

3.行内块元素设置

图片发自简书App

二. 文字排版

1.字体大小设置

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

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

2.字体设置

font-family

图片发自简书App

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设置文本装饰效果

图片发自简书App

9. text-align

设置文本内容水平对齐

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

三 . 行高

 line-height 行间距

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简单复习一下: Display改变标签显示模式: display可以控制标签的显示模式。 客串一个:visibil...
    显然2017阅读 726评论 0 3
  • *css单位与文字排版 *标签的显示模式与display属性 模式:块元素、行内元素 display属性的值:no...
    竹溪穆褕阅读 232评论 0 2
  • CSS的标签模式设置Display属性 display可以控制标签的显示模式。 display:none | in...
    金妮ing阅读 503评论 0 0
  • display:可以控制标签的显示模式。 display:inline;使块级标签变成行内元素 display:b...
    markling阅读 218评论 0 0
  • 周智博11月份第九次打卡,读的书是《假如给我三天光明》,读的页数是从168页到172页讲的内容...
    有你而美阅读 199评论 0 0