CSS(層疊樣式表)是前端開發中必不可少的一個技術,它使我們可以為HTML文檔添加樣式。CSS樣式語法基本結構包括選擇器和聲明塊兩部分。
選擇器是指用來選擇元素的標識符,它可以根據元素的標簽名、類名、ID名、屬性值等來選擇元素。常見的選擇器包括:標簽選擇器、ID選擇器、類選擇器、屬性選擇器、偽類選擇器等。
/*標簽選擇器*/ p { color: blue; } /*ID選擇器*/ #myId { font-size: 18px; } /*類選擇器*/ .myClass { background-color: pink; } /*屬性選擇器*/ input[type="text"] { border: 1px solid green; } /*偽類選擇器*/ a:hover { color: orange; }
聲明塊是在選擇器后用大括號括起來的一組屬性和屬性值,它們以分號分隔。常見的屬性包括:字體、顏色、大小、背景、邊框、布局等。
/*聲明塊*/ p { color: blue; font-size: 20px; background-color: #eee; border: 1px solid grey; }
總結下CSS樣式語法基本結構,選擇器用于選擇元素,聲明塊用于為元素設置樣式。合理運用CSS樣式語法結構,我們可以輕松為頁面添加布局和美觀的樣式。
下一篇Dr4中的Css