三、CSS常用的属性
(一)、CSS基本属性
1、 文字属性
属性名 |
描述 |
属性值 |
font-size |
文字大小 |
像素(px)、倍数(em)、百分比(%) |
font-family |
字体类型 |
宋体、微软、黑体等,值可以是一个也可以是多个,用逗号,隔开,目的就是检索你的电脑的字体,有哪个用哪个 |
font-style |
斜体 |
italic |
font-weight |
粗体 |
bold(加粗)、100-900 |
2、文本属性
属性名 |
描述 |
属性值 |
color |
文本颜色 |
3种:rgb(0-255,0-255,0-255)、十六进制(#000000-#ffffff)、单词(red、blue、green、pink、yellow、black) |
text-align |
文本水平对齐方 |
lef|center|right,必须在块元素中 |
text-decoration |
文本修饰线 |
underline(下划线)、overline(上划线)、line-through(删除线)、none(无-在超链接默认有下划线) |
line-height |
行高 |
设置当前行的高度,目的就是让文本上下居中,高度和行高一致 |
text-indent |
首行缩进 |
数值(px),基本是翻倍 |
letter-spacing |
字符间距 |
数字(px) |
word-spacing |
单词间距 |
数字(px) |
3、尺寸属性
说明:其实就是元素的宽和高,任何标记元素都有宽和高。
属性 |
描述 |
属性值 |
width |
宽 |
像素(px)、百分比(%) |
height |
高 |
像素(px)、百分比(%) |
px |
像素 |
浏览器都是由像素点(显像针) |
注意:块元素都可以设置宽和高,行内元素设置宽和高不起作用,高度一般设置时不设置高度,让内容自动撑出来。