近年來，國內旅游市場蓬勃發展，越來越多的游客選擇在國內旅游。作為旅游網站的開發人員，如何能夠更好地為游客提供旅游計劃，增加用戶黏性呢？其中，CSS的運用可以讓你的頁面更加美觀、易讀、易用。

/*以下是CSS的樣式代碼*/
* {
margin: 0;  /*清除默認的外間距*/
padding: 0; /*清除默認的內間距*/
box-sizing: border-box; /*改變默認的盒子模型*/
}
body {
background-color: #f4f4f4; /*設置頁面的背景顏色*/
}
.header {
height: 80px; /*設置頭部高度*/
background-color: #fff; /*設置頭部背景色*/
border-bottom: 1px solid #ccc; /*設置底部邊框*/
position: fixed; /*固定定位*/
top: 0; /*設置頂部距離*/
left: 0; /*設置左側距離*/
right: 0; /*設置右側距離*/
z-index: 100; /*設置層次*/
}
.nav {
width: 1200px; /*設置導航欄寬度*/
margin: 0 auto; /*水平居中*/
height: 80px; /*設置導航欄高度*/
display: flex; /*設置彈性布局*/
justify-content: space-around; /*設置項目之間的空間平均分布*/
align-items: center; /*設置垂直居中*/
font-size: 20px; /*設置字體大小*/
}
.banner {
height: 500px; /*設置橫幅高度*/
background-image: url(img/banner.jpg); /*設置背景圖片*/
background-size: cover; /*設置背景圖片尺寸*/
}
.main {
width: 1200px; /*設置主體寬度*/
margin: 0 auto; /*水平居中*/
padding: 50px 0; /*設置上下內間距為50px*/
display: flex; /*設置彈性布局*/
justify-content: space-between; /*設置項目之間的空間平均分布*/
align-items: flex-start; /*設置垂直向上對齊*/
}
.left {
width: 800px; /*設置左側寬度*/
}
.right {
width: 360px; /*設置右側寬度*/
}
.footer {
height: 100px; /*設置底部高度*/
background-color: #fff; /*設置底部背景色*/
border-top: 1px solid #ccc; /*設置底部邊框*/
text-align: center; /*設置文本居中*/
line-height: 100px; /*設置行高*/
}

以上是一個簡單的布局樣例，可以在header中設置logo和導航欄，在main中設置旅游線路的介紹，在footer中設置版權信息等。當然，這只是一種參考，可以根據不同的頁面需求進行相應的修改。同時，行內樣式、外部樣式表的引用等，也是需要在實際開發中注意的問題。

總之，CSS的運用可以帶來更好的用戶體驗，讓用戶更加愿意留下來，建立濃厚的用戶粘性。