html的字體樣式主要通過css的font-size以及font-family來定義的,標簽詳解如下:
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供北關企業(yè)網站建設,專注與網站設計制作、成都網站建設、H5建站、小程序制作等業(yè)務。10年已為北關眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站制作公司優(yōu)惠進行中。
font-size
指定字體大小,常用單位有em和px
font-family
指定使用的字體
常用的中文字體有微軟雅黑和宋體,英文字體有Arial
可以同時指定多個字體,使用英文的逗號分隔,瀏覽器會按順序查找,找不到就找下一個,全部沒找到就使用系統(tǒng)默認的
字體用中文表示 則需要用雙引號或者單引號分隔,英文字體一般不需要用引號,但是如果 有特殊字符的(如空格,反斜杠,#,$等)也需要使用引號
font-weight
字體粗細(bold相等于設置該屬性的值為700,normal相等于設置該屬性值為400–不用單位,建議使用數(shù)字因為解析會更快)
fon-style
normal(一般用于讓斜體不傾斜,em標簽有加重強調的語義 但是字體會傾斜,可以為em 標簽設置 font-style 屬性值為 normal 取消其傾斜的效果)
字體樣式可以連寫
即 所有的字體樣式 使用一個語句,但是有一定的語法規(guī)則和順序
選擇器 { font : font-style font-weight font-size/line-height font-family; }
字體樣式連寫時需要注意:一定要按順序寫,可以有省略不寫的樣式但是一定要按順序,而且font-size和font-family是不可以省略的,否則會不起作用
文本外觀樣式
color:字體顏色
預定義的顏色如green,red等
十六進制,順序是紅綠藍,十六進制是最常用的顏色表示方式
#ff0000 表示紅色,等同于#f00(縮寫,必須是兩兩相同的才可以進行縮寫);#00f表示藍色;#0f0表示綠色;#fff表示白色(所有的顏色都滿格),#000000即#000表示黑色(所有的顏色都沒有)
RGB代碼:rgb(255,255,255)表示白色
文本修飾:text-decoration:none、underlined(比較常用,用于添加下劃線和取消下劃線)
line-hight:行間距,一般情況下,行間距只需要比字體大小大7或8個像素就可以了
text-align:文本內容的水平對齊方式
text-indent:段落首行縮進,單位使用em,1em就是一個字,所以該樣式值為2em 表示 段落首行縮進兩個字符
這是選擇器的嵌套(中間用空格隔開),意思是定義包含在class為answerbox元素內的元素,且此元素的class為adlist,樣式只對class為adlist(.adlist)起作用。形如:
div class="answerbox"
…………
p class="adlist"元素的內容,以上css只對我生效。/p
…………
/div
onmouseover="classname='active hover';
當鼠標經過這里時吧,把這個td標簽的class屬性改為class=“active hover”
當鼠標滑出這里是把CLASS屬性又改回來。
HTML代碼寫得有問題……
你把上面那句刪掉,顯示就一樣了。
解釋:
把上面那句刪掉的話,就會以兼容模式解釋你這代碼。
代碼錯誤:
a 中不應該包含DIV
代碼改為(我就只寫一句,其它一樣改)
lia href="1wall"img src="images/1wall.png" alt="" width="111" height="111" /
div哈哈哈哈哈哈哈哈哈/div
/a/li
改:
lia href="1wall"img src="images/1wall.png" alt="" width="111" height="111" /
span哈哈哈哈哈哈哈哈哈/span
/a/li
CSS把這句
#nav a div {
font-weight: bold; width:100%; text-align:center; cursor: hand; float: none;
}
改為:
#nav a span {
display:block;font-weight: bold; width:100%; text-align:center; cursor: hand; float: none;
}
沒測,如果有啥的話,追問……
以上……
[img]要在JS中修改樣式,可以這樣:
var?dom?=?document.getElementById('abc');
dom.style.padding?=?'8px';??//必須提供字符串,數(shù)字+單位,不能直接寫數(shù)字
dom.style.margin?=?'0?auto';
dom.style.backgroundColor?=?'#0F0';??//CSS屬性中的background-color之類有連字符的,去掉連字符,采用駝峰式,首字母小寫,后面所有單詞首字母大寫
//瀏覽器特有屬性:
dom.style.webkitAppearance?=?'button';??//對應-webkit-appearance屬性