HTML-页面的文本组织

1；段落

p元素的具体功能是作为段落的一个容器,在段落开始处使用p元素的开始标记

，在段落的结尾处使用

。在默认情况下p标记会在段落前和后各强制产生一个空行，以提高可读性，因此没有进行缩进的必要。浏览器忽略使用键盘输入的任何制表符和多个空格字符。

2；换行符

使用br标记来添加换行符，br标记会导致浏览器在该行上停止输出文本，并换到页面上的下一行继续输出。只简单的在HTML文件中重复添加多个br标记即可进行多次换行。

pre是preformat (预格式化)的简写，pre标记通常以等宽字体来显示文本。

3；引用快

blockquote元素用于分隔从其他源引用的内容，默认情况，该元素将对整个引用的文本的左右两侧同时进行缩进，在文本的前后分别添加一个空行。不同的浏览器，引用文本的左右两侧的缩进不同。【在blockquote元素的内容中，可包含br元素或p元素，也可根据需要添加blockquote元素】

4；Box属性

Web页面上的每一个元素都包含在一个框模型中，通过调整框的维度可格式化页面上的内容，或指定该内容与浏览器边界的间距应该是多少。

box-sizing属性设置为border-box时，整个框的高度和宽度包含内容框和内边距值。
box-sizing属性设置为content-box时，整个框的高度和宽度不包含边框和内边距值。

• 内边距值用padding属性来设置（可以分别按top,right,bottom,left来设置）也可写为
  blockquote {padding:25px 15px 20px 35px;}
  如果在4条边上都使用相同的内边距值，代码可简写为p {padding : 25px;}
• 外边距值用margin属性来设置边框
  Eg： border-bottom-width:6px border-radius:25px
  

**5;对齐**