CSS是一種樣式表語言,用于將HTML文檔的表現與內容分離。它允許您以一致的方式控制HTML文檔的布局和外觀。本文將介紹CSS的基本結構。
selector { property1: value1; property2: value2; property3: value3; ... }
CSS基本結構包括選擇器和一組屬性/值對。選擇器用于選擇要應用樣式的HTML元素,而屬性/值對用于定義樣式。在CSS中,選擇器和屬性/值對之間用大括號括起來,每個屬性/值對之間用分號分隔。
選擇器可以是元素名稱、類名、ID、屬性等。例如:
h1 { font-size: 40px; }
上面的代碼選擇了所有
元素,并將其字體大小設置為40像素。如果您只想選擇特定類名的元素,可以像這樣寫:.my-class {
color: red;
}
此代碼選擇所有類名為“my-class”的元素,并將它們的顏色設置為紅色。
屬性/值對可以是任何CSS屬性和相應的屬性值。例如:
p { margin: 10px; padding: 5px; }
此代碼選擇所有
元素,并將其外邊距設置為10像素,內邊距設置為5像素。
CSS的基本結構是非常簡單和直接的。但隨著您對CSS的掌握,它可以變得非常強大和靈活,幫助您實現大量自定義的網頁設計。
上一篇一圖看懂css