前端開發中,CSS樣式的編寫是非常關鍵的一部分,而使用DW的CSS生成器則可以大大地提高效率。
/*樣式生成器*/ /*調整字體*/ font-family:Arial,Verdana,sans-serif; font-size:14px; font-weight:700; /*調整文本*/ color:#333; line-height:1.2em; text-align:center; text-shadow: 1px 1px 0px #fff; /*調整背景*/ background:#efefef; background-image:-webkit-linear-gradient(top,#fff,#efefef); background-image:-moz-linear-gradient(top,#fff,#efefef); background-image:-o-linear-gradient(top,#fff,#efefef); background-image:linear-gradient(top,#fff,#efefef); border-radius:3px; /*調整邊框*/ border:#ccc solid 1px; box-shadow:inset 0 1px 1px rgba(0,0,0,0.06); /*調整尺寸*/ width:80%; height:200px; max-width:400px; margin:0 auto; padding:20px;
上面的代碼就是DW CSS生成器在調整樣式時所生成的代碼。其中,可以看到該生成器根據我們的需求,自動為我們生成了各種調整屬性的代碼。
一些比較常用的屬性生成器,如字體、文本、背景、邊框、尺寸等等,都可以根據我們自己的需求進行定制。同時,DW的CSS生成器還支持了一些非常實用的工具,如拖拽式的強調文本、鏈接、列表等,都可以非常方便地完成樣式的調整。
總之,DW CSS生成器是一個非常實用的輔助小工具,可以幫助我們在寫CSS時,快速地完成樣式規則的編寫,同時也可以大大提高我們的工作效率,使我們的網頁更加優美動人。
上一篇css文字顯示圖片的中間
下一篇css文字注音