CSS核心属性

一、文本类属性

说明	语法	备注
字体类型	{fnot-family：字体1，字体2 字体3；}	字体123依次搜寻显示，字体是中文或者带空格时需加双引号
文本大小	{font-size：数值；}	属性为数值时必须加单位
文本颜色	{color：颜色值}
字体加粗	{font-weight：}	bolder/bold/normal或者数值100-900
字体倾斜	{font-style}	参数为italic，oblique，normal，oblique幅度要大一些
水平对齐	{text-align：left/rignt/center/justify}	justify对内容以两端边界线对齐显示
行高	{line-height:normal/数值}
文本修饰	{text-decoration:none/underline/overline/line-through}
首行缩进	{text-indent：数值}	可以取负值

二、列表属性

说明	语法
定义列表符号样式	{list-style-type：disc（实心圆）/circle（空心圆）/square（实心方块）/none}
使用图片作为列表符号	{list-style-imag：url（）}
定义列表符号的位置	{list-style-position：outside/inside}
去掉样式列表	{list-style：none}

三、背景属性

说明	语法	备注
背景颜色	{background-color:颜色值;}
背景图片	{background-image：url}	背景图：输入网页表现，背景图可以显示文字，插入图片等
背景图片的平铺属性	{background-repeat:no-repeat/repeat/repeat-x/repeat-y;}	no-repeat:不平铺、repeat:平铺、repeat-x：横向平铺、repeat-y：纵向平铺
背景图片的位置属性	{background-position：值1 值2}	值一：水平方向上，值二：垂直方向上
背景属性的缩写	{background：属性1 属性2 属性3}	例：background：背景色 url no-repeat

四、浮动属性

说明	语法	备注
flaot：定义网页中其他文本如何环绕该元素	{float：left/right/none}	left:元素活动浮动在文本左面、right：右面、none：不浮动
clear：规定元素的哪一册不允许其他浮动元素		属性值none：默认、both两侧、left、right

• 浮动元素三大显著特征

1. DIV块元素失去块状换行显示特征，变为行内元素
2. 紧贴上一个浮动元素（同方向）或父级元素的边框，如宽度不够将换行显示
3. 占据行内元素空间，导致行内元围绕显示
   【注】：如果一个父元素的子元素全部浮动，会造成高度塌陷、这里给出两个办法
4. 在父元素添加声明：overflow：hidden；
5. 在浮动元素下方添加空div，并给该元素添加声明：clera：both；height：0；overflow：hidden（或font-size：0）