HTML和CSS（5）想成为优秀的java架构师，看这里→Lebyte免费公开课（腾讯课堂）如果你需要更多资讯请点击右侧→这是一条不归路，有秃顶风险，请慎重选择！主要内容CSS常用属性设置背景CSS背景属性用于定义HTML元素的背景效果background-color设置元素主体的背景颜色{background-color:#ff0000;}background-image设置背景图片该元素，默认情况下，背景图像被平铺和重复以覆盖整个元素实体。body{background-image:url('paper.gif');}background-repeat设置是否以及如何重复背景图片body{background-image:url(img/logo.jpg);背景重复：不重复；}Textcolorbody{color:blue;}h1{color:#00ff00;}h2{color:rgb(255,0,0);}text-align设置文本对齐方式，center（居中），left（左对齐）,right（右对齐）body{text-align:center;}h1{text-align:right;}h2{text-align:right;}text-decoration指定给文本添加的装饰，属性值：无，underline,overline,line-through1)underline为文本添加下划线，与HTML的u元素相同。2)overline在文本中添加上划线。3)line-through在文本中添加破折号，与HTML中的s和strike元素相同。4)none关闭所有原本应用在元素上的装饰。h3{text-decoration:underline;}text-indent设置第一行文字的缩进p.ident2{text-indent:2em;}em的相对值，比如页面的文字大小为17px，则2em为17px*2fontfont-family文本字体，该属性设置文本的字体。font-family属性应该设置几个字体名称作为“回退”机制。如果浏览器不支持第一种字体，就会尝试下一种字体，所以尽量把不常见的字体放在最前面，最常见的字体放在最后，作为替代。注意：1）只有当字体名称中包含#、$等空格或符号时（如NewYork），才需要在font-family声明中加引号：body{font-family:"arialblack";}2)多个字体家族用逗号分隔，表示/*第一个字体先生效*/p{font-family:MicrosoftYahei,Heiti,"agencyfb";}font-sizetextsizebody{font-尺寸：50px；/*字体大小50px*/}#span1{font-size:25px;/*fontsize25px*/}font-style字体样式，该属性最常用于指定斜体文字。属性值：normal,italic,oblique1)normal：文字正常显示；2)italic：文字显示为斜体；3)oblique：文字倾斜显示，oblique是强制文字显示说明：一般情况下，字体都有很多属性，比如粗体、斜体、下划线、删除线等，但并不是所有的字体都有这些属性。一些不常见的字体可能只有普通字体。如果使用斜体属性，则没有效果，所以需要oblique属性强制一个斜体。font-weight字体为粗体，该属性设置文本的粗细。bold:可以设置文本为粗体。100~900:为字体指定9级加粗。如果字体内置了这些粗体级别，数字将直接映射到预定义的级别。100对应最细的字体变体；900对应最粗的字体变体；400相当于普通；700相当于加粗。Alignmenttext-align指定元素内文本的水平对齐方式。属性值如下：注：取值为justify可以使文本两端对齐。在对齐文本中，文本行的左右两端放置在父元素的内边框上。然后，调整单词和字母之间的间距，使线条的长度完全相等。对最后一行没有影响。display属性display属性指定元素应生成的框类型。该属性用于定义元素在构建布局时生成的显示框类型。Floatfloat的属性值有none、left、right。只有水平浮动，没有垂直浮动。将元素的显示属性更改为块。浮动元素的下一个元素会包围浮动元素（一个典型的应用是图片周围的文字）浮动元素的前一个元素不会受到任何影响（如果你想让两个块元素并排显示，你必须让两个块元素都应用浮动）。盒模型Border、padding、margin是构成盒模型的三个属性。设置所有属性.border.size1）边框的宽度、样式、颜色可以在同一张表中设置，th,td{border:1pxsolidblack;}表{宽度：100%；高度：50px；}2）单独使用border-width、border-style、border-colorsettable,td{border-width:1px;边框样式：虚线；border-color:green;}3)border-style属性4)border-collapse设置表格边框是否折叠为Singleborder。属性值：separate（默认，单元格边框独立），collapse（单元格边框被合并）表{border-collapse:collapse;}padding设置元素所有padding的宽度，或者设置每边宽度的padding。如果控制table内容中text到border的padding，使用td和th的padding属性elements:td{padding:15px;}分别设置每一边的padding：padding-top,padding-left,padding-bottom,padding-right
