CSS(Cascading Style Sheets)是網頁瀏覽器渲染網頁時用來控制內容樣式的語言。在這篇文章中,我們將介紹一些必備的 CSS 源代碼,以幫助你更好地掌握這門語言。以下是一些常見的代碼:
/*1、設置文字大小和顏色*/ body { font-size: 16px; color: #333333; } /*2、設置文字居中*/ .text-center { text-align: center; } /*3、給文字添加下劃線*/ .text-underline { text-decoration: underline; } /*4、設置文本行高*/ .text-line-height { line-height: 1.5; } /*5、去除列表上下的間隔*/ ul, ol { margin-top: 0; margin-bottom: 0; } /*6、設置背景顏色*/ .bg-color { background-color: #eeeeee; } /*7、設置邊框屬性*/ .border { border: 1px solid #dddddd; } /*8、修改鏈接樣式*/ a { color: #007bff; text-decoration: none; } a:hover { color: #0056b3; text-decoration: underline; } /*9、設置字體*/ .text { font-family: Arial, sans-serif; } /*10、隱藏元素*/ .hide { display: none; }
這些代碼可以幫助你實現一些基本的樣式效果,如設置文字大小、顏色、位置和添加裝飾效果。學習 CSS 還有很多其他的語法和細節需要掌握,如盒模型、選擇器和層疊等等。掌握 CSS 可以為你的網頁設計提供更多的靈活性和自由度,讓你的網頁看起來更加美觀和專業。