CSS內部樣式布局在網頁中非常常見，尤其是對于小型網站而言，CSS內部樣式可以有效地降低代碼冗余，使得網頁布局更加簡潔。本文將介紹基于CSS內部樣式實現的網頁布局技巧。

首先是對于布局的實現方式。一般來說，我們可以使用CSS內部樣式將所有的頁面元素進行包裹，然后通過CSS代碼對這些元素進行樣式的調整。例如：

<div class="wrapper">
<header></header>
<nav></nav>
<div class="content"></div>
<aside></aside>
<footer></footer>
</div>
<style type="text/css">
.wrapper {
width: 960px;
margin: 0 auto;
}
header {
height: 100px;
background-color: #333;
}
nav {
float: left;
width: 20%;
background-color: #fff;
}
.content {
float: left;
width: 60%;
background-color: #eee;
}
aside {
float: right;
width: 20%;
background-color: #fff;
}
footer {
height: 50px;
background-color: #333;
}
</style>

上述代碼中，使用CSS內部樣式布局實現了一個分欄式布局。其中，<div class="wrapper">是用來包裹整個布局元素的容器。通過設置它的寬度和margin:auto即可實現居中布局。

<header>和<footer>元素是網頁的頭部和底部，它們的高度可以自定義。通過設置它們的background-color屬性，可以賦予它們顏色。<nav>元素是布局中的導航菜單，通過設置它的寬度以及浮動屬性可以讓它居左。<aside>元素同理可以被置于右側。

最后是中間的主要內容區域，通過設置其寬度為60%以及左右浮動，可以使得它自動適應空間，填充布局中間部分。這樣就實現了一個簡單但是實用的布局。