在CSS中,我們可以通過.class來定義類選擇器,這樣可以讓我們在HTML中多處使用相同的樣式。
.class { /* 樣式代碼 */ }
類選擇器可以像下面這樣在HTML中使用:
<p class="class">這是一個段落的樣式</p>
當然,我們可以在HTML的任何元素中使用類選擇器。
如果我們需要給同一個元素添加多個類名,只需要在HTML中使用空格隔開即可,如下:
<p class="class1 class2">這是一個段落的樣式</p>
此時,元素就同時擁有了class1和class2的樣式。
除了類選擇器,還有ID選擇器,用#來定義,用法與類選擇器類似。
#id { /* 樣式代碼 */ }
使用ID選擇器時,在HTML中只能給一個元素添加一個ID,使用方法如下:
<p id="id">這是一個段落的樣式</p>
類選擇器和ID選擇器在CSS中非常常用,可以讓我們更加靈活的控制HTML元素的樣式,使頁面變得更加美觀。
上一篇img標簽 css圖片
下一篇css里定義一個全局變量