HTML和CSS是Web前端開發中最重要的兩個語言，頁面的結構和樣式都離不開這兩個語言的運用。在開發中，通用的HTML和CSS代碼是非常有用的，可以提高開發效率，減少重復勞動，下面我們來看一下一些常用的HTML和CSS代碼。

/*CSS中的樣式重置*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*列表樣式*/
ul {
list-style-type: none;
}
/*清除浮動*/
.clearfix::before,
.clearfix::after {
content: "";
display: table;
clear: both;
}
/*響應式設計*/
@media screen and (max-width: 768px) {
/*在窄屏下隱藏元素*/
.hidden-small {
display: none !important;
}
/*更改元素樣式*/
.container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}

上述代碼中，我們用了一些通用的CSS樣式，如樣式重置，列表樣式統一，清除浮動等。在響應式設計中，我們也常常用到@media查詢進行樣式的調整。這些通用的代碼可以減少我們的開發時間和繁瑣，讓我們能夠更快地搭建出漂亮的網站。

內容標題
內容內容內容

以上是一個完整的HTML頁面代碼，包括了網站的頭部、導航欄、內容和頁腳。我們在開發中可以根據需要進行修改和添加，也可以使用一些框架和模板來加速開發。使用通用的HTML代碼可以幫助我們快速搭建出網站的基本結構。

在實際開發中，我們還可以使用一些如jQuery、Bootstrap等前端框架來輔助開發，它們提供了一些常用的功能和組件，可以使我們的開發效率更高。