仔细学习CSS（一）
推薦編輯器：Notepad (under Windows), TextEdit (on the Mac) or KEdit (under KDE)；
Style Master, Dreamweaver or GoLive
For HTML and CSS, we want simple, plain text files.
?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">DOCTYPE means DOCument TYPE
Between <head> and </head> there is room for various kinds of information that is not shown on screen.
<body>里的就是用來(lái)顯示的了~
'2em' means 2 times the size of the current font.
什么是CSS及使用的好處：
cascading Style Sheet：層疊樣式表
控制網(wǎng)頁(yè)樣式、能將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的、一種標(biāo)記性語(yǔ)言。
不需要編譯，由瀏覽器執(zhí)行。為瀏覽器解釋型語(yǔ)言。
作用于：頁(yè)面布局、字體、顏色、背景、特效等。
?
相關(guān)組織和歷史：
1994提出、1996年瀏覽器支持、W3C（world wide web consortium）的CSS組。
1996、CSS1；
1998、CSS2；目前是CSS2.1；
CSS3 已經(jīng)開始應(yīng)用了~
?
可用于多種設(shè)備：手機(jī)、電視、打印機(jī)、幻燈片等。
?
比傳統(tǒng)HTML的優(yōu)勢(shì)（內(nèi)容老啦，可忽視）：控制、排版（對(duì)應(yīng)：html的標(biāo)記）；
提高網(wǎng)頁(yè)瀏覽速度：table全加載完顯示？css加載點(diǎn)顯示點(diǎn)？
可維護(hù)性、易維護(hù)性、SEO等。
?
CSS基本語(yǔ)法：
a{font-size:12px;font-family:"Microsoft Yahei";display:inline-block;}
.last{}/*類選擇符*/
#last{} /*ID選擇符，局限性很大。我個(gè)人不喜歡在html結(jié)構(gòu)中使用id。*/
H1, H2, H3 { font-style: bold }/*合并多個(gè)selector*/
?
CSS1 定義了50種。 CSS2 在CSS1的基礎(chǔ)上增加了70種，定義了大概120種屬性。
?
HTML里使用CSS的方式，一般四種：
1. 直接寫在標(biāo)簽里。
<span style="display:block;height:20px;">我不喜歡這樣寫。不建議。</span>
2. 在header頭里加一段css代碼。
<style type="text/css">/*MIME類型，瀏覽器不支持CSS，則會(huì)過(guò)濾掉。一般不建議。*/
li{list-style-type:none;}
</style>
3. 在header頭引入一個(gè)css文件。一般都用這種方式。
<link rel="stylesheet" type="text/css" href="./t1.css">
4. @import 引入。
?
瀏覽器和CSS：
兼容性問(wèn)題；
是否支持CSS。<style type="text/css"></style>（現(xiàn)在）| <!--注釋-->（過(guò)去）
<style type="text/css"></style> 告知瀏覽器引入文件的類型，支持也讀文件，不支持忽視之。
?
樹結(jié)構(gòu)與繼承:
子節(jié)點(diǎn)通用樣式可以放在父節(jié)點(diǎn)寫，（代碼重構(gòu)）樣式預(yù)設(shè)；
也增加了可讀性。（書寫規(guī)范）
重寫：
能夠重寫是因?yàn)?#xff1a;更具有指向性。更具體。
與順序無(wú)關(guān)！？
不是所有的屬性都可繼承！
比方說(shuō)：background...
你在body上寫個(gè)background，再看它的子節(jié)點(diǎn)，你會(huì)發(fā)現(xiàn)。。
why？
There are two reasons: first, transparent backgrounds are faster to display (there is nothing to display!) than other -backgrounds.
元素背景默認(rèn)為 transparent。
Second, since background images are aligned relative to the element they belong to, you would otherwise not always end up with a smooth background surface.
Tips：如果background 屬性存在時(shí)，記得增設(shè)一個(gè) color 值。確保文字和背景不一致~？
?
問(wèn)題：需要研究下CSS的繼承性~對(duì)于每個(gè)屬性的繼承性~
轉(zhuǎn)載于:https://www.cnblogs.com/hanyuxinting/p/4092722.html
總結(jié)
以上是生活随笔為你收集整理的仔细学习CSS（一）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： WPF DataGrid
- 下一篇： 华为云modelarts平台SDK的调用