day8 CSS属性下

作者: 哈哈super | 来源:发表于2017-04-22 19:33 被阅读10次

1.文字排版

字号大小:font-size:

可选参数值:xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger

设置字体:font-family:

使用font-family设置字体时,需要注意以下几点:

Ø各种字体之间必须使用英文状态下的逗号隔开。

Ø中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。

Ø如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: "Times New Roman";。

Ø尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

�2.字体系列

衬线体:字体有一些修饰的东西,让字体变的美观。

非衬线体:没有修饰。

3.字体颜色

通过color属性可以设置字体的颜色。

Color: red;

建议最好使用十六进制的方式来写。

4.字符间距

letter-spacing: 10px;

5.单词间距

word-spacing

6.行高

行高是两行文本基线的距离。实际上就是:文本的高度+一倍的行距。

一行文本的高度正好是:0.5倍行距+文本的高度+ 0.5倍行距

四线:

Ø文字顶端的线,称为顶线。

Ø中线:穿过x中心的线为中线。

Ø小写X字母底部的线为基线。

Ø文字底部的线为底线。

7.文本装饰

text-decoration属性用于设置文本的下划线,上划线,删除线等装饰效果,其可用属性值如下:

删除线

none:没有装饰(正常文本默认值)。

underline:下划线。

overline:上划线。

line-through:删除线。

8.水平对其方式

text-align:left | right | none;

9.首行缩进

text-index:  px | em;

应用范围;logo优化

10空白符处理

white-space: normal | nowrap | pre;

相关文章

  • day8 CSS属性下

    1.文字排版 字号大小:font-size: 可选参数值:xx-small | x-small | small |...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • HTML标签类型

    修改标签的显示类型 CSS属性 CSS属性-可继承属性 CSS属性-不可继承属性 CSS常用属性代码附录:

  • Day03_CSS属性组成和作用

    学习目标 1、css属性和属性值的定义2、css文本属性3、css列表属性4、css背景属性5、css边框属性6、...

  • 03-CSS核心属性

    学习目标 1、css浮动属性详解2、css文本属性3、css列表属性4、css背景属性5、css边框属性 一、cs...

  • 如何使用JavaScript删除CSS属性?

    如何使用JavaScript删除CSS属性?下面本篇就来给大家介绍一下使用JavaScript删除CSS属性的方法...

  • 2018-09-19 css核心属性

    DAY4:CSS核心属性 学习目标 1、css浮动属性详解 2、css文本属性 3、css列表属性 4、css背景...

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • jQuery内容整理——CSS

    .css()访问匹配元素的样式写法:.css({'属性','属性值'})|.css({属性:'属性值'}) .o...

网友评论

    本文标题:day8 CSS属性下

    本文链接:https://www.haomeiwen.com/subject/gbnszttx.html