在CSS中,"."和"#"是兩個最基礎和常見的符號。它們用來定義樣式和選擇元素的方式是有所不同的。
首先,"."符號代表類名,它用來為HTML元素定義樣式。例如,如果有一個類名為"box",我們可以在CSS中通過".box"來定義這個類的樣式。這個類名可以被用在多個元素上,從而實現統一的樣式設計。
而"#"符號則代表id名,它用來為HTML元素定義唯一的樣式。與類名不同,id名只能在HTML文檔中出現一次。在CSS中,我們可以通過"#id"來選擇對應的元素進行樣式定義。
下面是一個示例代碼:
.box { width: 100px; height: 100px; background-color: red; } #myDiv { width: 200px; height: 200px; background-color: blue; }在上面的代碼中,我們定義了一個類名為"box"和一個id名為"myDiv"。".box"的樣式定義為一個寬高為100px的紅色方塊,而"#myDiv"的樣式定義為一個寬高為200px的藍色方塊。這兩個選擇器的使用方式在HTML中也有所不同,類名需要在HTML元素的class屬性中聲明,而id名需要在HTML元素的id屬性中聲明。 總結來說,"."和"#"都是用來選擇HTML元素進行樣式定義的符號,但"#"用來選擇唯一的元素而類名可以用在多個元素上。正確使用它們可以使得CSS樣式更加具有結構化和靈活性。
下一篇css中三角形代碼