CSS是一種用于網頁樣式設置的語言。對于網頁排版而言,合理的代碼調整可以使文章更具有閱讀性和視覺感受。以下是一些常見的CSS文章排版模板。
/* 整體樣式設置 */ body { font-family: "Microsoft YaHei", Arial, sans-serif; /* 設置默認字體 */ line-height: 1.8; /* 設置行高 */ color: #333; /* 設置默認字體顏色 */ background-color: #f5f5f5; /* 設置頁面背景色 */ } /* 標題樣式設置 */ h1 { font-size: 36px; /* 設置一級標題字號 */ font-weight: bold; /* 加粗一級標題字體 */ text-align: center; /* 將一級標題居中顯示 */ margin-top: 50px; /* 設置與上方的間距 */ } h2 { font-size: 26px; /* 設置二級標題字號 */ font-weight: bold; /* 加粗二級標題字體 */ margin-top: 40px; /* 設置與上方的間距 */ } /* 文本樣式設置 */ p { font-size: 16px; /* 設置段落字號 */ line-height: 1.8; /* 設置段落行高 */ text-indent: 2em; /* 設置段落首行縮進 */ margin-top: 20px; /* 設置與上方的間距 */ } /* 鏈接樣式設置 */ a { color: #0066cc; /* 設置鏈接顏色 */ text-decoration: none; /* 刪除鏈接下劃線 */ } a:hover { text-decoration: underline; /* 鼠標懸浮時添加下劃線 */ } /* 代碼樣式設置 */ pre { background: #f9f9f9; /* 設置代碼塊背景色 */ border: 1px solid #ddd; /* 設置代碼塊邊框 */ border-radius: 3px; /* 設置代碼塊圓角 */ font-size: 14px; /* 設置代碼塊字號 */ line-height: 1.6; /* 設置代碼塊行高 */ padding: 10px; /* 設置代碼塊內邊距 */ margin-top: 20px; /* 設置與上方的間距 */ }
以上代碼僅為代碼示例,實際使用時可根據需要進行修改。例如,可以根據不同需求修改文字大小、行距和顏色等,實現更加美觀和舒適的頁面排版效果。
上一篇css文本溢出顯示更多
下一篇css文本框漸變