1、文本:改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。
text-indent:首行缩进;
text-align:文本行对齐方式;
text-decoration:下划线underline、删除线line-through、顶划线overline;(装饰修饰)
line-height:高度固定后,可以设置垂直居中
word-break:单词换行
white-space: nowrap;文本不换行
overflow: hidden;
text-overflow: ellipsis;文本超出显示省略号
2、字体
font-family:字体类型;可以写多个,浏览器识别的第一个;
“Microsoft Yahei(微软雅黑),SimSun(宋体),SimHei(黑体)”
font-size:字体大小;chrome最小12px;
font-weight:字体粗细;bold加粗;bolder更粗;lighter更细;400等同于normal;700相当于bold;
font-style:斜体;normal正常;italic斜体;oblique倾斜(这两个斜体在浏览器看上去相同)
color;字体颜色;
颜色值:
1.1十六进制的颜色值 #ff0000 缩写#f00;
1.2 RGB值:rgb(255,0,0);RGBA
1.3英文单词
3、盒模型(重点)
margin:外边距;
margin-top/margin-left
margin-bottom/margin-right
外边距合并:当两个垂直外边距相遇时,它们将形成一个外边距;
可以使用padding或border分开两个外边距;
padding:内边距;
padding-top/padding-left
padding-bottom/padding-right
border:边框;1px solid #000;
border-width:宽度;
border-style:solid(实线)dotted(点线)dashed(虚线)double(双线)
border-color:颜色;
一般body是默认有margin;
margin:0 auto;设置左右居中;
四个值的顺序:上 右 下 左;
CSS是继承的关系;