CSS代碼詳解

在網頁開發中，CSS（Cascading Style Sheets）被用來為網頁增加樣式，讓網頁更具有視覺吸引力和用戶友好性。以下是所有CSS代碼的詳細介紹：

文本樣式

可以使用以下CSS代碼來設置文本樣式：

color: #000000; //設置文本顏色
font-family: Arial, sans-serif; //設置字體
font-size: 16px; //設置字號
font-weight: bold; //設置文字加粗
text-decoration: underline; //設置文本下劃線
text-align: center; //設置文本對齊方式
line-height: 1.5; //設置行高

背景樣式

可以使用以下CSS代碼來設置背景樣式：

background-color: #FFFFFF; //設置背景顏色
background-image: url('image.jpg'); //設置背景圖片
background-position: center; //設置背景位置
background-repeat: no-repeat; //設置背景是否重復
background-size: cover; //設置背景尺寸

邊框樣式

可以使用以下CSS代碼來設置邊框樣式：

border: 1px solid #000000; //設置邊框樣式
border-radius: 5px; //設置圓角邊框

盒子模型

可以使用以下CSS代碼來設置盒子模型：

width: 100px; //設置寬度
height: 100px; //設置高度
padding: 10px; //設置內邊距
margin: 10px; //設置外邊距
box-shadow: 1px 1px 1px #000000; //設置陰影

浮動與定位

可以使用以下CSS代碼來設置浮動與定位：

float: left; //設置浮動
position: relative; //設置相對定位
top: 10px; //設置上邊距
left: 10px; //設置左邊距
z-index: 1; //設置層級