CSS(Cascading Style Sheets,層疊樣式表),是一種用來描述網頁(HTML或XML等文檔)樣式和排版的語言。
CSS可以定義網頁的字體、顏色、邊距等各種樣式,通過CSS樣式統一控制所有元素,使得網頁開發更加簡單易懂。
/* CSS樣式 */ body { font-size: 16px; font-family: Arial, "Microsoft YaHei", "SimSun", sans-serif; color: #333; padding: 0; margin: 0; background-color: #fff; } /* a標簽樣式 */ a { text-decoration: none; color: #0077cc; background-color: transparent; cursor: pointer; } /* h1標簽樣式 */ h1 { font-size: 36px; font-weight: bold; margin: 20px 0; text-align: center; } /* img標簽樣式 */ img { border: none; max-width: 100%; height: auto; } /* ul標簽樣式 */ ul { list-style: none; margin: 0; padding: 0; } /* li標簽樣式 */ li { margin: 10px 0; line-height: 1.5; } /* p標簽樣式 */ p { margin: 10px 0; line-height: 1.5; font-size: 16px; } /* input標簽樣式 */ input { font-size: 16px; outline: none; border: 1px solid #ccc; padding: 10px; border-radius: 5px; }
以上CSS樣式的作用如下:
body
標簽控制頁面的整體樣式。a
標簽控制超鏈接的樣式。h1
標簽控制一級標題的樣式。img
標簽控制圖片的樣式。ul
標簽控制無序列表的樣式。li
標簽控制列表項的樣式。p
標簽控制段落的樣式。input
標簽控制表單輸入框的樣式。
除了以上元素,所有HTML元素都可以加上CSS樣式。這使得我們可以根據需要精確地控制網頁的各個元素。
上一篇css+取消按鈕邊框
下一篇css+文字頂線