CSS3是Cascading Style Sheets的縮寫,它是指層疊樣式表,我們可以使用它來控制HTML文檔中元素的樣式,如字體、顏色、布局和動畫效果等。CSS3主要包括選擇器、屬性和值三個部分。
選擇器{ 屬性:值; }
選擇器:我們可以使用選擇器選中要修改樣式的HTML元素或元素組。選擇器有多種類型,如標簽選擇器、ID選擇器、class選擇器、后代元素選擇器等。
p {color:red;} #header {background-color:blue;} .footer {font-size:12px;} div p {text-align:center;}
屬性:CSS屬性是描述HTML元素樣式的關鍵字。屬性通常被定義在CSS選擇器內,并且為屬性指定的值會被應用到所選元素上。
color: red; background-color: blue; font-size: 12px; text-align: center;
值:CSS的屬性值定義了元素應該如何表現。值可以是單詞、數字或其他單位,如像素、百分比、顏色值和文字等等。
color: red; // 值為紅色 background-color: #000000; // 值為黑色 font-size: 12px; // 值為12像素 text-align: center; // 值為中間對齊
通過組合這三個部分,我們可以創建出多種不同的樣式,從而實現個性化的網頁設計。
上一篇html 代碼展示插件
下一篇css3位置屬性