網(wǎng)頁設(shè)計少不了樣式的渲染，以下是個人CSS樣式代碼的一些總結(jié)

一、文本樣式設(shè)置

1、font-style：字體格式

2、font-weight：字體粗細(xì)

3、font-size: 字號大小

4、color：設(shè)置對應(yīng)的顏色

二、超鏈接樣式設(shè)置

下劃線的設(shè)置：

1、 underline：為文字加下劃線

2、 overline：為文字加上劃線

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

4、 blink：使文字閃爍

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

三、背景樣式設(shè)置

1、background-color：參數(shù)? （設(shè)置背景顏色）

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

3、background-repeat：參數(shù) （背景圖片的重復(fù)）

參數(shù)取值范圍：

no-repeat：不重復(fù)平鋪背景圖片

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

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

4、背景圖片固定

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

background-attachment：參數(shù)（參數(shù)可取范圍：

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

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

）

四、區(qū)塊樣式

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

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

3、text-align：參數(shù) （文本對齊）

（

參數(shù)的取值有：

left：左對齊

right：右對齊

center：居中對齊

justify：相對左右對齊

）

4、vertical-align：參數(shù)（垂直對齊）

top：頂對齊?

bottom：底對齊

text-top：相對文本頂對齊

text-bottom：相對文本底對齊

baseline：基準(zhǔn)線對齊

middle：中心對齊

sub：以下標(biāo)的形式表示

5、text-align：縮進(jìn)距離（文本縮進(jìn)）

注：每12px相當(dāng)于一個文字的距離

6、white-space：參數(shù)（空格）

normal 正常

pre 保留

nowrap 不換行

7、display：參數(shù)（顯示樣式）

參數(shù)可取范圍：

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

inline:在對象前后都不換行

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

none：無顯示

五、方框

height 高度

width 寬度

padding 內(nèi)邊距

margin 外邊距

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

clear 清除浮動

六、邊框

1、樣式

border-style：參數(shù)

邊框樣式的參數(shù)：

none：無邊框

dotted：邊框為點線

dashed：邊框為長短線

solid：邊框為實線

double：邊框為雙線

2、寬度

border-width：參數(shù)

3、顏色

border-color：參數(shù)

????????

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。