CSS基础详解2

对齐和缩进

1.text-align属性配置文本和内联元素在块元素中的对齐方式。text-align属性值left(默认)，center，right，justify(两端对齐)。

   text-indent属性配置块级元素中第一行文本的缩进，值可以是px,pt,em或百分比。

2.添加注释：/*Configure Footer */

宽度和高度

1.width属性配置元素的内容在浏览器可视区域中的宽度，值可以是px,em或相对于父元素的百分比。

2.min-width属性配置元素内容在浏览器可视区域中的最小宽度，设置最小宽度可防止内容在浏览器改变大小时跑来跑去。如果浏览器变得比最小宽度还要小，就显示滚动条。

//代码有序
width:80%;min-width:600px;

3.max-width属性配置元素内容在浏览器可视区域中的最大宽度，设置最大宽度可防止文本在在高分辨率屏幕中显示很长的一行。

4.height属性配置元素内容在浏览器可视区域的高度，值为数值(px)或相对于父元素的百分比。图片会缩放以适应设置的宽高。

框模型

1.网页文档中每个元素都被视为一个矩形，该矩形框是由环绕着内容区的填充、边框和边距组成。称为框模型。

2.内容区域可以包含文本和其他网页元素，如图片、段落、标题、列表等。

3.填充就是内容与边框之间那部分区域。默认填充值为0。

4.边框是填充和边距之间的区域。默认边框值为0且不显示。

5.边距决定一个元素和任何相邻元素之间的空白间距。边距是透明的。使用margin属性可设置边距值。

边距和填充

1.margin属性配置元素各边的边距，即元素和相邻元素之间的空白。

属性名称	说明和常用值
margin	一个数值(px或em)或百分比。设为0时不要写单位。值"auto"告诉浏览器自动计算元素边距 两个数值(px或em)或百分比。第一个配置顶部和底部边距。第二个配置左右边距。 三个数值(px或em)或百分比。第一个配置顶部边距。第二个配置左右边距。第三个配置底部边距。 四个数值(px或em)或百分比。按上右下左顺序配置边距。
margin-top	顶部边距。数值(px或em)或百分比，或auto
margin-right	右侧边距。数值(px或em)或百分比，或auto
margin-bottom	底部边距。数值(px或em)或百分比，或auto
margin-left	左侧边距。数值(px或em)或百分比，或auto

2.padding属性配置HTML元素内容与边框之间的空白。padding默认值为0。

属性名称	说明和常用值
padding	一个数值(px或em)或百分比。设为0时不要写单位。 两个数值(px或em)或百分比。第一个配置顶部和底部边距。第二个配置左右边距。 三个数值(px或em)或百分比。第一个配置顶部边距。第二个配置左右边距。第三个配置底部边距。 四个数值(px或em)或百分比。按上右下左顺序配置边距。
padding-top	内容和顶部边框之间的空白。数值(px或em)或百分比。
padding-right	内容和右侧边框之间的空白。数值(px或em)或百分比。
padding-bottom	内容和底部边框之间的空白。数值(px或em)或百分比。
padding-left	内容和左侧边框之间的空白。数值(px或em)或百分比。