如果你是一位前端開發者,你一定非常熟悉CSS。CSS就是一種用于定義頁面樣式的語言。在這篇文章中,我們將會介紹CSS的一些基礎樣式。
/*CSS注釋*/ body { background-color: #f1f1f1; /*設置背景顏色*/ margin: 0; /*設置外邊距*/ padding: 0; /*設置內邊距*/ } h1 { color: #333; /*設置標題顏色*/ font-size: 36px; /*設置標題字體大小*/ text-align: center; /*設置標題居中*/ } p { color: #666; /*設置段落顏色*/ font-size: 16px; /*設置段落字體大小*/ line-height: 1.5; /*設置段落行距*/ text-align: justify; /*設置段落兩端對齊*/ } a { color: #0077cc; /*設置鏈接顏色*/ text-decoration: none; /*去掉鏈接下劃線*/ font-weight: bold; /*設置鏈接字體加粗*/ } img { border: none; /*去掉圖片邊框*/ max-width: 100%; /*設置圖片最大寬度*/ }
CSS樣式的語法非常簡單:選擇器+屬性+屬性值。選擇器可以是元素名、ID、類等。屬性和屬性值是一對鍵值對。例如:p {color: #666;} 這行代碼表示為所有段落元素設置字體顏色為#666。
雖然以上這些樣式很基礎,但它們可以讓頁面更加美觀和易讀。請在你的網站中應用這些樣式,看看會帶來什么不同的效果。
上一篇Mysql數據庫是基于
下一篇css基礎及應用