padding属性可以设置四个内边距值，分别对应元素的上、右、下、左四个方向。可以使用以下三种方式设置内边距值：设置一个值，代表四个方向的内边距值都相等。padding:20px;设置两个值，第一个值代表上下方向的内边距值，第二个值代表左右方向的内边距值。padding:10px20px;设置四个值，分别代表上、右、下、左四个方向的内边距值。padding:10px20px30px40px;需要注意的是，padding属性的值可以为负数，也可以使用百分比或者calc()函数进行计算。在设置内边距时，应该考虑元素的盒模型、文本内容、背景图像等因素，避免出现意外的显示效果。

可以使用CSS的盒子模型来调整页面排版和内边距。盒子模型将HTML元素看作是一个矩形的盒子，包含内容（content）、内边距（padding）、边框（border）和外边距（margin）四个部分。调整内边距可以使用padding属性，例如：p{padding:10px;}这会将所有段落的内边距设置为10像素。可以使用不同的数值来设置不同的内边距。调整页面排版可以使用CSS的定位属性和浮动属性，例如：h3{float:left;width:100px;}p{margin-left:120px;}这会将所有小标题左浮动并设置宽度为100像素，然后将所有段落的左边距设置为120像素。这样就可以实现小标题在左侧，段落在右侧的排版效果。为了更好的阅读体验，可以给重要的关键词加上高亮颜色。可以使用CSS的颜色属性和背景色属性来实现，例如：.highlight{color:red;background-color:yellow;}这会将所有使用highlight类的元素的文本颜色设置为红色，背景色设置为黄色。代码块可以使用pre标签来表示，并使用CSS来设置样式，例如：pre{background-color:#f4f4f4;padding:10px;border:1pxsolid#ccc;}这会将所有pre标签的背景色设置为淡灰色，内边距设置为10像素，边框设置为灰色实线。这样可以让代码块在页面中更加清晰易读。总结一下，使用CSS调整页面排版和内边距的步骤如下：使用padding属性调整内边距；使用定位属性和浮动属性调整页面排版；使用颜色属性和背景色属性给重要的关键词加上高亮颜色；使用pre标签和CSS样式设置代码块的样式。

box-sizing:利用CSS3的新属性box-sizing，解决div宽度设置width:100%后再设置padding或margin超出父元素的问题