CSS学习之路-第1篇
本文最后更新于 130 天前,其中的信息可能已经有所发展或是发生改变。

CSS学习之路-第1篇

前面的CSS选择器教程部分我就直接跳过,因为比较简单。。。
把我学的记录在博客上,这样就不会忘记了。

 

我这节学的是构造文本:
感觉这些代码也挺简单的,都是由简单的英语单词组成
但是说简单简单,说难也很难。。。
1.文本缩进

text-indent:值;

值为数字,最常用的数值单位是px(像素),也可使用百分比
(相对于屏幕长度的百分比)

Example:
text-indent:100px;
text-indent:10%;

2.文本对齐

text-align:对齐方式l

可以的值有:left(左对齐)center(居中对齐)right(右对齐)

3.文本行高

line-height:值;

line-height:20px;
line-height:120%;

默认为normal(不填写代码时的值)

4.字间隔(单词)

局限于英语单词,对中文无效

word-spacing:10px;

默认为normal

5.字母间隔

对中文(汉字)与英语(字母)都有效

letter-spacing:5px;

默认为normal

6.文字下划线

text-decoration(“装饰”的英语):值;

可用值有:underline 和 none 等,这两个是常用值

7.字体

font-family:字体名称;

字体名称是一般电脑中存在的字体,如微软雅黑、宋体、仿宋、楷体等

如果设置了字体后,用户电脑中没有该字体,则会使用默认字体显示。

多个字体用英文逗号隔开

font-family:字体1,字体2;

8.字体风格

font-style:值;

值有 normal italic oblique(italic 和 oblique 都是斜体)

9.字体大小

font-size:数值;

单位还是px

10.文本颜色

color:颜色值;

颜色值可以为颜色英语单词,也可以用颜色代码,当然主要还是用颜色代码

color:#ff0000

11.文本加粗

font-weight:值;

常用值:normal bold

下面我把提供这些教学资料的网址发出来,感谢私房库提供的这些教学资源!
点我

评论

  1. 芄子 博主
    5年前
    2016-10-29 14:30:31

    努力学习编程,感谢私房库提供的教学资源。

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
Source: https://github.com/zhaoolee/ChineseBQB
Source: https://github.com/zhaoolee/ChineseBQB
Source: https://github.com/zhaoolee/ChineseBQB
颜文字
Emoji
小恐龙
花!
滑稽大佬
演奏
程序员专属
上一篇
下一篇