2019-12-13

颜色的单位

red，green，blue为三原色，简称rgb（r，g，b）

0（最小数值）—255（最大数值） ； 0%—100%

还可以使用十六进制

00—ff（十六进制ff=255）；比如ff0000就是红色

ff0000=f00

如果两位相同就可以简写，但是两位不相同，不可以简写。

字体的样式

font-family:字体样式列如：微软雅黑

字体的分类

serif（衬线字体）

sans-serif（非衬线字体）

monospace （等宽字体）

cursive （草书字体）

fantasy （虚幻字体）

字体的其他样式

font-style:italic;  字体斜体，italic:指定斜体  norwal：指定非斜体

font-weight: bold;  字体高度

font-variant: small-caps;  字体属性

优先级：斜体，字体高度，字体属性属于平级。

字号一定要写在字体大小前面

行间距

行间距= 行高 - 字号

p{

line-height: 30px;  行高度是30像素

font-size: 20px  字体大小是20像素

}    所以行间距= 30 - 20  ，所以行间距是10像素

文本的样式

大小写化

text-transform  样式用于将元素中的字母全都变成大写

text-transform:uppercase 大写

text-tansform:lowercase  小写

text-transform:capitalize  首字母大写

text-transform:none  正常化

文本修饰

text-decoration属性，用来给文本添加各 种修饰。

underline 文本上方加线条

overline  文本下方加线条

line-through  文本中间加线条，删除线

none  不加任何东西，或取消线条

字母间距和单词间距

letter-spacing  字符之间的间距。

word-spacing  单词之间的间距。

对齐文本和首行缩进

text-align用于设置文本的对齐方式。

left：左对齐

right：右对齐

justify：两边对齐

center：居中对齐

内容区：content

内边距：padding

边框：border

border-width：10px；宽

border-width：10px 20px 30px 40px；从上面开始顺时针

border-color：red； 颜色外观

border-color：red yellow orange；

border-style：solid； 样式

border-style：

外边距：margin

盒子的大小由内容区，内边距，边框决定

dorder：red solid 10px；

border-right：none；表示把右侧的边框给抹掉