border4個(gè)邊框樣式,html文本域如何去除邊框?
可以用border屬性去除文本框的邊框。 1、新建html文檔,在body標(biāo)簽中添加一些input標(biāo)簽,這時(shí)默認(rèn)情況下瀏覽器中的文本框有1px的邊框: 2、在head標(biāo)簽中添加style標(biāo)簽,設(shè)置input的樣式,這里為了演示方便,為文本框設(shè)置灰色的背景色: 3、為input標(biāo)簽設(shè)置邊框“border”屬性,屬性值為“0”,這時(shí)網(wǎng)頁(yè)中文本框的邊框就被去掉了:
border能設(shè)置什么?
設(shè)置一個(gè)元素邊框的樣式和顏色。border-style屬性用來(lái)定義邊框的樣式。
border-style 值:
none: 默認(rèn)無(wú)邊框。
dotted: 定義一個(gè)點(diǎn)線邊框。
dashed: 定義一個(gè)虛線邊框。
solid: 定義實(shí)線邊框。
double: 定義兩個(gè)邊框。 兩個(gè)邊框的寬度和 border-width 的值相同。
groove: 定義3D溝槽邊框。效果取決于邊框的顏色值。
ridge: 定義3D脊邊框。效果取決于邊框的顏色值。
inset:定義一個(gè)3D的嵌入邊框。效果取決于邊框的顏色值。
outset: 定義一個(gè)3D突出邊框。 效果取決于邊框的顏色值。
border-width 屬性為邊框指定寬度。border-color屬性用于設(shè)置邊框的顏色。HTML表格在默認(rèn)情況下有沒(méi)有邊框?
默認(rèn)情況下表格有邊框border="1" 并且還有默認(rèn)的cellpadding,cellspacing(單元格邊距與間距) 如果只需要邊框的話請(qǐng)將代碼寫(xiě)成 <tableborder="1"cellpadding="0"cellspacing="0">
css樣式注意事項(xiàng)?
1、不要使用過(guò)小的圖片做背景平鋪。這就是為何很多人都不用 1px 的原因,這才知曉。寬高 1px 的圖片平鋪出一個(gè)寬高 200px 的區(qū)域,需要 200*200=40, 000 次,占用資源。
2、無(wú)邊框。推薦的寫(xiě)法是 border:none;,哈哈,我一直在用這個(gè)。 border:0; 只是定義邊框?qū)挾葹榱悖吙驑邮健㈩伾€是會(huì)被瀏覽器解析,占用資源。
3、慎用 * 通配符。所謂通配符,就是將 CSS 中的所有標(biāo)簽均初始化,不管用的不用的,過(guò)時(shí)的先進(jìn)的,一視同仁,這樣,大大的占用資源。要有選擇的初始化標(biāo)簽。
4、CSS 的十六進(jìn)制顏色代碼縮寫(xiě)。習(xí)慣了縮寫(xiě)及小寫(xiě),這才知道,原來(lái)不是推薦的寫(xiě)法,為的是減少解析所占用的資源。但同時(shí)會(huì)增加文件體積。孰優(yōu)孰劣,有待仔細(xì)考證。
5、樣式放頭上,腳本放腳下。不內(nèi)嵌,只外鏈。
6、堅(jiān)決不用 CSS 表達(dá)式。
7、使用引用樣式表,而不是通過(guò) @import 導(dǎo)入。
8、一般來(lái)說(shuō),PNG 比 GIF 要小,小得多。再者,GIF 中有多少顏色是被浪費(fèi)的,很值得優(yōu)化。
9、千萬(wàn)不要在 HTML 中縮放圖片,一者不好看,二者占資源。
10、正文字體最好用偶數(shù),12px、14px、16px,效果非常好。特例,15px。
11、block、ul、ol 等上下留出至少一倍行距,左側(cè)至少兩倍行距,右側(cè)隨意。
12、段落之間,至少要有一倍行距。
13、強(qiáng)行指定某些元素的 line-height,正文 1.6 倍于文字大小,標(biāo)題 1.3 倍。
14、中文標(biāo)點(diǎn)用全角。英文夾雜在中文中,左右空格,半角。
15、中文字體的粗體和斜體,遠(yuǎn)離較好,利民利己。