網頁設計少不了樣式的渲染，以下是個人CSS樣式代碼的一些總結

一、文本樣式設置

1、font-style：字體格式

2、font-weight：字體粗細

3、font-size: 字號大小

4、color：設置對應的顏色

二、超鏈接樣式設置

下劃線的設置：

1、 underline：為文字加下劃線

2、 overline：為文字加上劃線

3、 line-through： 為文字加刪除線

4、 blink：使文字閃爍

5、 none：不顯示上述任何效果

三、背景樣式設置

1、background-color：參數? （設置背景顏色）

2、background-image：url（設置背景圖片）?

3、background-repeat：參數 （背景圖片的重復）

參數取值范圍：

no-repeat：不重復平鋪背景圖片

repeat-x: 使圖片只在水平方向上平鋪

repeat-y：使圖片只在垂直方向上屏幕

4、背景圖片固定

背景圖片固定控制背景圖片是否隨著網頁的滾動而滾動。如果不設置背景圖片固定屬性，瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過于花哨的背景圖片在滾動時轉移瀏覽者的注意力，一般都設為固定。

background-attachment：參數（參數可取范圍：

fixed：網頁滾動時，背景圖片相對于瀏覽器的窗口而言，固定不動

scroll：網頁滾動時，背景圖片相對于瀏覽器的窗口而言，一般滾動

）

四、區(qū)塊樣式

1、word-spacing：間隔距離? （單詞間距）

2、letter-spacing：字母間距 （字母間距）

3、text-align：參數 （文本對齊）

（

參數的取值有：

left：左對齊

right：右對齊

center：居中對齊

justify：相對左右對齊

）

4、vertical-align：參數（垂直對齊）

top：頂對齊?

bottom：底對齊

text-top：相對文本頂對齊

text-bottom：相對文本底對齊

baseline：基準線對齊

middle：中心對齊

sub：以下標的形式表示

5、text-align：縮進距離（文本縮進）

注：每12px相當于一個文字的距離

6、white-space：參數（空格）

normal 正常

pre 保留

nowrap 不換行

7、display：參數（顯示樣式）

參數可取范圍：

block：塊級元素，在對象前后都換行

inline:在對象前后都不換行

list-item：在對象前后都換行，增加了項目符號

none：無顯示

五、方框

height 高度

width 寬度

padding 內邊距

margin 外邊距

float（浮動）：可以讓塊級元素在一行中排列，例如橫向菜單。

clear 清除浮動

六、邊框

1、樣式

border-style：參數

邊框樣式的參數：

none：無邊框

dotted：邊框為點線

dashed：邊框為長短線

solid：邊框為實線

double：邊框為雙線

2、寬度

border-width：參數

3、顏色

border-color：參數

????????

總結

以上是生活随笔為你收集整理的HTML网页设计CSS样式代码大全的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。