CSS是一種用于設計網頁時的樣式表語言。它可以用來改變HTML元素的各種屬性,例如顏色、字體、大小、背景、邊框等等。CSS代碼通常用在HTML文檔中的head標簽內。
/* 這是CSS代碼 */ p { color: red; font-size: 16px; background-color: yellow; border: 1px solid black; }
上面的這段CSS代碼是將所有的
標簽文字變成紅色,并且設置字體大小為16像素,背景色為黃色,邊框為1像素的黑色實線。在實際應用中,可以根據需求修改這些屬性值。
CSS代碼可以使用選擇器來針對不同的元素進行樣式設置。常用的選擇器有標簽選擇器、類選擇器和ID選擇器等。其中標簽選擇器是對整個文檔的一個通用樣式設置,類選擇器和ID選擇器則更加具體化,可以針對特定的元素進行樣式設置。
/* 這是一個類選擇器 */ .button { background-color: blue; color: white; padding: 10px; font-size: 14px; border-radius: 5px; } /* 這是一個ID選擇器 */ #title { font-size: 24px; font-weight: bold; text-align: center; color: black; }
上面的這段CSS代碼中,.button選擇器是一個類選擇器,可以用來設置具有"button"類名的按鈕元素的樣式。#title選擇器是一個ID選擇器,可以用來設置ID為"title"的元素的樣式。
除了選擇器之外,CSS還有許多其他的概念和技巧,如浮動、盒模型、文本處理、動畫、媒體查詢等等。熟練掌握這些知識,可以幫助我們更好地設計出漂亮、有趣的網頁。