HTML-页面的文本组织

1;段落

p元素的具体功能是作为段落的一个容器,在段落开始处使用p元素的开始标记<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;对齐**
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,072评论 1 4
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,104评论 0 1
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,239评论 0 8
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,661评论 32 459