在網頁制作中，為了美觀和可讀性，CSS樣式是必不可少的。下面將為大家簡單介紹CSS基礎教程樣式。

1.選擇器

* {
margin: 0;
padding: 0;
}

上述代碼中，“*”代表網頁中的所有元素，通過設置margin和padding的屬性值為0，達到初始化樣式的效果。

2.盒子模型

div {
width: 200px;
height: 200px;
border: 1px solid black;
margin: 20px;
padding: 20px;
}

上述代碼中，我們定義了一個div元素，并設置了它的寬度、高度、邊框、外邊距和內邊距。可見，每個元素都有由外而內的盒子模型。

3.文本屬性

p {
font-family: Arial;
font-size: 16px;
color: blue;  
text-align: center;
line-height: 1.5em;
}

上述代碼中，我們為p元素設置了字體、大小、顏色、對齊方式和行高等屬性，這些屬性能夠讓文本在網頁中呈現出更好的效果。

4.背景屬性

body {
background-color: #f4f4f4;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: center center;
}

上述代碼中，我們為網頁的方案設置了背景顏色和圖片，以及圖片的重復方式和位置。

5.盒子屬性

div {
box-shadow: 2px 2px 5px gray;
border-radius: 10px;
}

上述代碼中，我們用陰影和圓角來美化頁面中的盒子元素。

總之，掌握CSS基礎教程樣式的技能，能夠讓我們制作的網頁更精致、美觀、易讀。希望大家學習愉快。