第九章 CSS 属性

  
    
    
    
  
  
    

      I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体 I am a text of the page.I am a text of the page.我是段落中的字体
    
    我是链接
  

第五十九课 文字相关属性

1、规定文字样式的属性

格式：font-style:italic;

取值：

normal：正常的，默认就是正常的
italic：倾斜的
快捷键：
fs font-style:italic;
fsn font-style:normal;

2、规定文字粗细的属性

格式：font-weight:bold;

单词取值：

bold：加粗
bolder比加粗更粗
lighter细线，默认就是细线
数字取值：100-900之间整百的数字
快捷键
fw font-weight:;
fwb font-weight:bold;
fwbr font-weight:bolder;

3、规定文字大小的属性

格式：font-size:30px;
单位：px（像素 pixel）
注意点：通过font-size设置大小一定要带单位，也就是一定要写px
快捷键
fz font-size:;
fz30 font-size:30px;

4、规定文字字体属性

格式：font-family：“楷体”;
注意点：
1、如果取值是中文，需要用双引号或者单引号括起来
2、设置的字体必须是用户电脑里面已经安装的字体
快捷键：
ff font-family

第六十课 字体属性补充

1、如果设置的字体不存在，那么系统就会使用默认的字体来显示
宋体
2、可以给字体设置备选方案
格式：font-family:"字体1"，“备选方案1”，。。。；
3、给英文中文中单独设置字体
中文字体里面都包含英文
但是英文字体中都不包含中文 （判断是否中文／英文字体的依据）
也就是说中文字体可以处理英文，但是英文字体中不可以处理中文
注意点：如果想给界面中的英文单独设置字体，那么英文字体必须写在中文字体前面

补充在企业可发中最常见的字体

中文：宋体（Simsun） 黑体SimHei 微软雅黑Microsoft YaHei
英文：“Time New Rowan” Arial

第六十一课 文字属性的简写

/* css 注释代码 */

缩写格式：

font: style weight size family
例如：
font：italic bold 10px "楷体"

快捷键：

f+

注意点：

1、style weight可以省略，两者位置可以交换
2、size family 不可以省略，并且两者位置不可以交换，同时两者必须在所有属性的后面

第六十二课 文本属性

1、文本装饰的属性

格式：text-decoration:underline;

取值：

underline 下划线
line-through 删除线
overline 上划线
none 什么都没有，常用语去掉超链接的下划线

快捷键

td text-decoration:none;
tdu text-decoration:underline;
tdl text-decoration:line-through;
tdo text-decoration:overline;

2、文本水平对齐属性

格式：text-align:right;

取值：

left 左
right 右
center 中

快捷键

ta text-align:left;
tar text-align:right;
tac text-align:center;

3、文本缩进的属性

格式：text-indent:2em

取值：

2em, em是单位，一个em代表缩进一个文字的宽度

快捷键

ti text-indent:;
ti2e text-indent:2em;

第六十三课 颜色控制属性上

CSS通过调节color属性来修改文字的颜色

格式：color：值；

取值：

1、英文单词 color:red; 单词有限
2、rgb 三原色 red green blue
格式：rgb(0,0,0)
三原色的光源元件显示的亮度：0-255之间，0代表不发光，255代表发光，值越大就越亮
前端开发中其实并不常见黑色
只要三原色的值都一样就是灰色，而且值越小就越便黑色，越大越便白色
3、rgba a代表透明度，取值是0-1，取值越小就越透明
color:rgba(255,0,0,0.2)
4、十六进制
color:#FF00EE; RGB：FF-R 00-G EE-B
5、十六进制缩写
在CSS中只要十六进制中，表示一个颜色的两位数两两相等，那么就可以简写，否则不可以简写
color:#FF00EE;
color:#F0E;

点击颜色点可以打开取色板

内容参考