課程
/前端開發
/JavaScript
/JavaScript入門篇
body{ font-size:16px;}
這句是做什么的?去掉對結果沒有影響??!
2014-09-23
源自:JavaScript入門篇 3-6
正在回答
這里涉及到CSS層疊和繼承的原理的。
首先,我們知道CSS是一個層疊樣式表,所謂層疊(cascade)就是我們在給html元素設置rule的時候,可能會設置多個rule,這樣到底我們元素需要顯示哪個rule呢?這就運用到層疊的原理了,層疊給每一個rule分配一個重要度,一樣ID選擇器的重要度比較高(特殊性比較高),而類型選擇器的重要度(特殊性)最低。重要度越大的rule就將得到顯示。
其次,body{},這兒的body是一個類型選擇器,他的重要度(特殊性)是很低的,任何其他選擇器(類選擇器、偽類選擇器、ID選擇器、行內樣式)的重要度都比類型選擇器高。這兒我們還需要理解“繼承”的概念,所謂繼承就是后代元素會繼承祖先元素的一些樣式,如字體大小顏色等。也就是說,body中的div元素將繼承body的一些rule。我們只要在body子元素選擇上使用重要性(特殊性)比body高的選擇器,我們就能達到對body設置的規則掩蓋的效果。
最后,我們設置body{ font-size:16px;},意思就是如果沒有其他規則掩蓋的情況下,body中的字體將以16px顯示,當然有些標簽如<h>標簽,瀏覽器樣式表設置了<h>標簽的字體大小,因此,他不再繼承body的規則。
希望我的答案對你有幫助。如有錯誤,歡迎指正。
font-size是設置body里面字體的大小的,去掉之后對結果沒有影響,不過字體的大小就顯示的是系統默認大小了
舉報
JavaScript做為一名Web工程師的必備技術,本教程讓您快速入門
2 回答為什么我復制的程序依然不能用呀,
1 回答到底是對是錯呢?
2 回答為什么我的取消設置功能不可以用,還有就是把js代碼寫在外部調用,為何總是沒有效果
1 回答id為什么這么獲取?
2 回答為什么效果運行不出來呢,麻煩幫忙看下錯哪了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-09-24
這里涉及到CSS層疊和繼承的原理的。
首先,我們知道CSS是一個層疊樣式表,所謂層疊(cascade)就是我們在給html元素設置rule的時候,可能會設置多個rule,這樣到底我們元素需要顯示哪個rule呢?這就運用到層疊的原理了,層疊給每一個rule分配一個重要度,一樣ID選擇器的重要度比較高(特殊性比較高),而類型選擇器的重要度(特殊性)最低。重要度越大的rule就將得到顯示。
其次,body{},這兒的body是一個類型選擇器,他的重要度(特殊性)是很低的,任何其他選擇器(類選擇器、偽類選擇器、ID選擇器、行內樣式)的重要度都比類型選擇器高。這兒我們還需要理解“繼承”的概念,所謂繼承就是后代元素會繼承祖先元素的一些樣式,如字體大小顏色等。也就是說,body中的div元素將繼承body的一些rule。我們只要在body子元素選擇上使用重要性(特殊性)比body高的選擇器,我們就能達到對body設置的規則掩蓋的效果。
最后,我們設置body{ font-size:16px;},意思就是如果沒有其他規則掩蓋的情況下,body中的字體將以16px顯示,當然有些標簽如<h>標簽,瀏覽器樣式表設置了<h>標簽的字體大小,因此,他不再繼承body的規則。
希望我的答案對你有幫助。如有錯誤,歡迎指正。
2014-09-23
font-size是設置body里面字體的大小的,去掉之后對結果沒有影響,不過字體的大小就顯示的是系統默認大小了