颜色的单位
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;表示把右侧的边框给抹掉