css文本、字体、盒模型(重点)

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是继承的关系;

css文本、字体、盒模型(重点)

上一篇:Jenkins安装


下一篇:css高级选择器、链接样式、列表样式、表格