HTML网页设计CSS样式代码大全
網(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 图片的缩放(放大缩小)
- 下一篇: 2017年html5行业报告,云适配发布