如果你正在學習HTML5和CSS樣式,那么一份完整的代碼大全可能是你需要的。這里列出了一些基礎的HTML5和CSS樣式代碼片段,方便你快速創建對應的網頁效果。
/* 文本顏色 */ h1 { color: #ff0000; } /* 背景顏色 */ body { background-color: #ffffff; } /* 字體大小 */ p { font-size: 18px; } /* 字體樣式 */ p { font-family: Arial, sans-serif; font-weight: bold; } /* 段落間距 */ p { line-height: 1.5; } /* 鏈接樣式 */ a { color: #0000ff; text-decoration: none; } /* 鼠標懸停鏈接樣式 */ a:hover { text-decoration: underline; } /* 圖片大小 */ img { width: 100%; height: auto; } /* 按鈕樣式 */ button { background-color: #008CBA; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } /* 表格樣式 */ table { border-collapse: collapse; width: 100%; margin-bottom: 20px; } td, th { text-align: left; padding: 8px; } th { background-color: #4CAF50; color: white; } /* 表單樣式 */ input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; }
以上這些代碼片段只是基礎中的基礎,當然還有更多的樣式代碼可供選擇。但是對于初學者來說,這份代碼大全還是足夠使用的。只要你掌握了這些基本的代碼,就能夠創建一個簡約美觀的網頁。同時也要注意,不要過分依賴代碼大全,要注重自己的創造和發揮,才能創造出更有創造力和個性的網頁。