多選框其餘，css基礎，選擇器基礎

多選框

　　在多選框中若是想默認選中時，能夠加入 checked 屬性，屬性值也爲 checked

　　在選擇時，若是想要達到，點擊文字也能選中的效果，要利用  label  標籤，

　　要在選項標籤的 id  和  label  之間創建聯繫 　　

　　<input id="app" type="checkbox"/>　　

　　<label   for=「app」>這裏寫能夠點擊的文字</label>    <!-- input 選項標籤的 id  做爲 for 的屬性值-->

CSS 概念

　　css： cascading style sheets ，層疊式樣式表，規定了 html 標籤在網頁上的顯示樣式

　　html4 的時候，w3c 組織將html的結構和樣式作了分離

　　前端三層：

　　　　html　　結構層，打造網頁的總體架構

　　　　css　　 樣式層，裝飾頁面

　　　　JavaScript　　 行爲層，一些頁面交互效果

CSS 做用

　　css兩個重要的概念：層疊式，樣式。

　　樣式：html標籤在頁面的顯示效果

　　某一個標籤有什麼樣式，直接將對應的屬性及屬性值羅列出來

　　css樣式設置的時候，有兩個關鍵：選擇器，樣式表

　　css做用細化：

　　　　1.給文本添加文字顯示樣式

　　　　2.給盒子添加屬性進行結構佈局

css小屬性：

　　1.文本樣式：字體，顏色，大小

　　　　大小：font-size。自己是一個複合屬性 font，裏面的單一屬性，須要用 font- 單一屬性名。---屬性值，以像素爲單位

　　　　顏色：color：red

　　　　字體：font-family，經常使用英文字體有：Arial，consolas，中文字體：「宋體」

　　　　font-family："Arial","consolas","宋體"------------字體用引號包裹，字體之間用逗號隔開。

　　　　爲了追求加載速度，將一些中文字體名字寫成英文表示法　

　　　　微軟雅黑：Microsoft Yahei

　　　　宋體：SimSun

　　2.盒子實體化基本屬性

　　　　實體化：給盒子指定，高，寬，邊框，背景色

　　　　寬：width  單位，像素

　　　　高：heigth  單位，像素

　　　　背景色：background-color

　　　　邊框：border，複合屬性，有多個屬性值，屬性值之間用空格隔開，邊框的寬，顏色，線的類型

　　　　實線邊框：solid

　　　　將代碼上傳到網上，爲了提升加載速度，須要將全部的空格，縮進，換行等刪除，壓縮代碼。

選擇器

　　　　類選擇器多用於樣式，id多用於行爲

高級選擇器

　　基礎選擇器並不能知足全部的需求，因此就有了如下三種：

　　　　1.後代選擇器 ----空格 左側 是右側的祖先元素

　　　　　　經過標籤之間的嵌套關係，層級關係，限定咱們大致範圍，在範圍內具體查找相關元素

　　　　 2.交集選擇器

　　　　　　 交際使用的基礎選擇器，能夠都是類選擇器，可使標籤和類的混寫

　　　　　　IE6 不支持類的連續交集

　　　　 3.並集選擇器

　　　　　　不少元素可能都有相同 css 樣式，能夠經過並集選擇器將這些標籤寫在一塊兒，贊成設置 css 樣式。

　　　　　　前面全部選擇器均可以做爲並集裏的一項，在選擇器中間用逗號隔開。

　　　　　　也就是多個選擇器選中的元素使用同一個樣式。