网页中原始的布局是内容之间不会进行自动分段，会从左往右开始出现内容，而在出现分行或者分段的符号后，页面会按照分的行开始下一行的内容，默认为从左上方开始，一直往下。为使网页中一些内容出现在一定的位置，常常会使用到样式表中的格式布局进行调整。而进行格式布局的方式一般有两种，position和float，这两种方式都可以使该元素浮于页面上层，但position因为后期不方便修改，所以现在在网页的制作过程中不常用。
position有三种定位方式：
“absolute”为绝对定位，它是相对于浏览器的边框进行的定位，如输入top left即可位于页面的右上方；
“relative”为相对定位，它是相对于它本身的位置进行定位，如果输入一定的方位和数值即可向该方向移动；
“fixed”为固定位置，对于浏览器的显示的部分定位，前两种定位方式不能根据滚动条的移动而移动，其在页面内的位置是固定的，而这种方式可以随滚动条的移动而移动，现在常用这种方式制作页面内的“小广告”。
float，可称之为流，现在常常使用这种方式进行页面布局，它的使用方式为：“float+方向，方向有两个：
left，即从左边开始往右边流动（排列）
right从右往左流动” ，
当网页内这一排排满后，就会从新的一行开始继续排列，所以需要计算好所展示的内容的大小进行排列。而这种定位方式会一直不断的进行显示，若想在下一部分内容不使用这种流了，可在下一部分的地方加上“clear:both;”这个样式即可。
页面布局中还存在一些层级关系，比如先加入的样式会被后加入的样式给覆盖，要想改变这种层级关系，可在样式内加入“z-index:数字”，后面所加的数字越大，该部分样式显示会越靠前，不过这种样式只能用在position中，所以使用的次数也会减少很多。
在网页中，当鼠标移上到某个位置的时候，会发生鼠标会改变形状、背景颜色改变、字体颜色改变等效果，这些需要使用hover样式进行更改，如：“#a:hover{ }”这样，在{ }内可以输入移上后效果的改变。而鼠标形状的改变是使用“cursor”进行更改，如使鼠标移上后变成手状，可写成：“cursor:pointer”。
网页的样式中还有一些其他的样式：
“display”可用来做元素隐藏，这种方式不会占用页面内的位置，同时能够执行，其中选择block表示显示，none表示隐藏，这种是较为常用的，其中如果该样式用在<span>标签内，可以调整其大小，使它变成和<div>一样的效果；
“visibility”同样也可用来做元素的隐藏，不过这种隐藏会占取网页内的位置，所以不常用到，选择visible表示显示，hidden为隐藏；
“overflow”为超出部分处理，选择hidden为超出隐藏，scroll为超出出现滚动条，visible为超出显示，其中hidden和visible用在一个选择器上可以设置二级菜单。
还有一些不太常用的：
设置透明会用到“opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)”其中的数值是可以进行更改的，数值越接近0越透明；
设置圆角会使用：“border-radius:5px;”，数值代表半径，可以改变，数值远大半径就会越大，该标签的角就会越圆；
设置阴影使用到：“box-shadow:0 0 5px white;”，同样数值可以进行改变， 而这些数值可以比作光源的位置，表示上面的数值越大，则下面的阴影面积就会越大。