如果您正在學習CSS2,那么一份相應的教程PDF肯定會對您有所幫助。教程PDF提供了結構清晰、內容全面的CSS2學習材料,讓您可以更加系統、地學習CSS2,并在實踐中快速掌握CSS2的各種技巧。
以下是一份CSS2教程PDF的示例代碼:
/* 定義文本段落樣式 */ p { font-size: 16px; line-height: 1.5; font-family: Arial, sans-serif; color: #333; } /* 定義超鏈接樣式 */ a { color: #0066CC; font-weight: bold; text-decoration: none; } a:hover { color: #66CCFF; text-decoration: underline; } /* 定義列表樣式 */ ul { list-style: square; margin: 0; padding: 0; } li { margin: 5px 0; padding: 0 0 0 20px; } /* 定義表格樣式 */ table { border-collapse: collapse; width: 100%; } th, td { padding: 5px; text-align: left; } th { font-weight: bold; background-color: #CCC; } td { border: 1px solid #CCC; } /* 定義圖像樣式 */ img { border: none; max-width: 100%; } /* 定義盒子模型 */ .box { width: 200px; height: 200px; padding: 20px; border: 1px solid #CCC; margin: 10px; } /* 定義浮動樣式 */ .f-left { float: left; margin-right: 20px; } .f-right { float: right; margin-left: 20px; } /* 定義清除浮動樣式 */ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* 定義定位樣式 */ .container { position: relative; } .absolute { position: absolute; top: 50px; right: 50px; } .relative { position: relative; top: 20px; left: 20px; } .fixed { position: fixed; top: 0; right: 0; }
希望這份CSS2教程PDF和示例代碼對您的學習有所幫助,祝您早日成為CSS2的專家!
下一篇css3 網格背景