CSS樣式圖文教程 在網頁開發中，CSS樣式是不可或缺的，它可以用來控制網頁的排版、顏色、字體等。接下來，我們將為大家介紹一些常見的CSS樣式，幫助大家更好地掌握網頁開發技能。 一、控制文字樣式 1.字體大小 可以用font-size屬性來控制字體大小，例如：

p{
font-size:16px;
}

2.字體顏色 可以使用color屬性來控制字體顏色，例如：

p{
color:#333;
}

3.字體樣式 可以使用font-style屬性來控制字體樣式，例如：

p{
font-style:italic;
}

二、控制網格布局 1.設置網格行和列 網格布局可以用來控制頁面布局，可以使用grid-template-rows屬性和grid-template-columns屬性來設置網格行和列，例如：

.container{
display:grid;
grid-template-rows:100px 200px;
grid-template-columns:50% 50%;
}

2.設置網格項的位置 可以使用grid-row和grid-column屬性來設置網格項的位置，例如：

.item1{
grid-row:1/2;
grid-column:1/2;
}

三、使用偽類和偽元素 1.使用:hover偽類 可以使用:hover偽類來為元素設置鼠標懸停時的樣式，例如：

a:hover{
color:red;
text-decoration:none;
}

2.使用:before和:after偽元素 可以使用:before和:after偽元素來在元素前或元素后插入內容，例如：

p:before{
content:"【";
}
p:after{
content:"】";
}

以上是關于CSS樣式的一些常見用法，有了這些知識，相信大家可以更好地控制網頁樣式，打造出更加美觀的網站。