布局（Layout）和樣式（CSS）是網頁設計中非常重要且必不可少的兩個方面。布局一般用于控制網頁中各個元素的擺放位置和大小，比如將文本和圖片放在不同的位置或者調整頁面寬度和高度。而樣式則涉及到網頁中各個元素的外觀，例如文字的字體、顏色、大小等等。

在 HTML 中，網頁布局的主要方式是通過使用表格、分欄（Div）以及浮動（Float）等功能。表格可以在網頁中方便地排列多個元素，但使用表格的布局方式在移動端設備中可能會出現不利的體驗。因此，在移動端，使用分欄或浮動等布局方式可能更加合適。另外，CSS 樣式可以通過內聯（Inline）、內部（Internal）和外部（External）等方式引入。

table {
border-collapse: collapse; /*合并表格邊框*/
width: 100%;
}
th,
td {
border: 1px solid #ddd; /*設置邊框*/
padding: 8px; /*設置內外邊距*/
text-align: left; /*設置文本對齊方式*/
}
.float-left {
float: left; /*設置向左懸浮*/
width: 30%; /*設置寬度*/
margin-right: 1%; /*設置右邊距*/
}
.float-right {
float: right; /*設置向右懸浮*/
width: 60%; /*設置寬度*/
}

CSS 樣式還可以用于網頁中其他元素的樣式設置，比如鏈接文字的顏色、背景圖片的大小等等。另外，通過 CSS 還可以使用偽類（Pseudo-Class）和偽元素（Pseudo-Elements）來控制網頁中一些特殊的元素，比如鏈接、段落的第一個字、每個單元格的第一個子項等等。

總結起來，布局和樣式是網頁設計中不可或缺的兩個方面，可以通過 CSS 樣式和 HTML 的各種布局方式進行實現，從而打造具有吸引力和易用性的網頁。