HTML.CSS學習筆記01

01-選擇器寫法

1.可以下.main .img .hot span
控制到a 下面的兩個span
也可以省略成下 .hot span 只要整個html不容易相撞到相同的class就可以

2.也可以下.hot .title 就單純控制span class=＂title＂的後面這一行


02-為什麼css開頭要打CSS的@charset "UTF-8"

符集：utf-8,unicode(每個符號都用16bits存儲),gbk,gb2312(這2個好像特別為了支持中文,似乎有一個支持繁體)。一般包含中文字符的時候用gb2312，用到一些特殊字符，例如西歐字符的時候應該用utf-8，以防出現亂碼。

不過utf-8某些時候不好控制，控制的不好容易出現亂碼，例如在將數據寫入數據庫時，用utf-8是比較容易出現亂碼情況的。

GB2312是簡體中文編碼，當文章/網頁中包含繁體中文、日文、韓文時，這些內容可能無法被正確編碼。
UTF-8是UTF-8編碼是一種目前廣泛應用於網頁的編碼，它其實是一種Unicode編碼，即致力於把全球所有語言納入一個統一的編碼。

來源：https://zhidao.baidu.com/question/497317864249821804

03-Chrome好好用

案Ctrl+shift+i就會跑出開發人員工具，可以檢視網頁的基本架構跟使用的css
又發現原來點右上角的 style.css:123 標示這個css寫入在哪一行
點下去會直接看到整個css的檔案

04.套css 限定有A才有B發動的時候

在寫css的時候，可以寫成
.nav-item.activ { background-color:red; color:#FFF }
意思是HOME直接作用顯示格子紅色，字體白色

通常會在直接寫一個 .active{ background-color:red; color:#FFF }
在html裡面直接放在後面也可以發動這個效果

TINA大大表示，這種用法是因為工程師不喜歡你加太多class，盡量設定一次到位的方法。

對比一下
.global -nav .nav-item 這是表示選global-nav的下一層.nav-item
..global -nav .nav-item 這是表示選global-nav和.nav-item同一層，必且兩個都在的時候，.nav-item才會有其作用