<a href=‘#’> 超鏈接 #：站位
id 定義元素標簽的唯一標識
內(nèi)部樣式表
<style type='text/css'>
p{
color:red; red可以是任何顏色 鍵值對 K：V 每一組鍵值對都是一個聲明
font-size:40px 分號結(jié)束符
}
<style>
<link rel="stylesheet" type="text/css" href="css/style.css">
html的注釋 css用不了
/**/ css 注釋
ctrl+/ 快速注釋
ctrl shift+/ 多行注釋
ctrl+d 復制一行
塊元素 獨占一行 主要做頁面布局 常用塊元素 div p h1~h6 ul li......... 塊包含內(nèi)聯(lián) a 除外 他可以包含所有 的元素
a 標簽可以包含任意塊 它本身除外
p元素 不包含別的塊 包含span 只能放內(nèi)聯(lián)里
內(nèi)聯(lián)元素 （行內(nèi)元素） 常見 span a img iframe 之戰(zhàn)自身大小的元素 span標簽顯示一次排序 span給選中一個標簽設(shè)樣式的
所有的元素都可以加 （id）
background-color 背景顏色 width
元素選擇器：
語法：標簽名（）
id選擇器
語法 ：# 在p前面加#號
通關(guān)元素的id值來選擇元素
類選擇器：
.class屬性值{} 在p前面加點（.）
可以通過class的屬性值來選擇元素
.hello
選擇器分組（并既選擇）：
選擇器1，..........選擇器n{}
統(tǒng)配選擇器：
選擇頁面中的所有元素 *{}
復合選擇器(交集選擇器)
選中多個選擇器
第一關(guān) plate ， （plate元素）
第二關(guān) bento 迟几， （bento元素）
第三關(guān) #fancy 台丛， （id為fancy的元素）
第四關(guān) plate apple 目木， （plate祖先元素下的apple后代元素）
第五關(guān) #fancy pickle 连躏， （id為#fancy的祖先元素下的pickle后代元素）
不第六關(guān) .small ， （組為small的元素）
第七關(guān) orange.small 坎缭， （組為small的orange元素）
第八關(guān) bento>orange.small 白群， （bento父元素下的組為small的orange子元素）
第九關(guān) plate,bento,div 尚胞， （plate,bento兄弟元素在div元素中）
第十關(guān) * ， （代表所有元素）
第十一關(guān) plate> 帜慢， （plate父元素的所有ziyuansu）
第十二關(guān) plate + apple 笼裳， （兄弟元素選擇器，plate元素的后一個元素）
第十三關(guān) bento~pickle 粱玲， （兄弟元素選擇器,bento元素后的多個pickle元素)
第十四關(guān) plate>apple 躬柬， (plate父元素下的apple子元素)
第十五關(guān) plate orange:first-child ， (子元素選擇器抽减，plate元素下的第一個orange元素)
第十六關(guān) plate :only-child允青， （所有plate元素下的元素）
第十七關(guān) #fancy :last-child,pickle:last-child ，（id為fancy的元素的最后一個和pickle元素的最后一個）
第十八關(guān) div plate:nth-child(3)卵沉，（div元素中的第三個plate元素）
第十九關(guān) div bento :nth-last-child(4) 颠锉，（div元素中倒數(shù)第四個bento元素）
第二十關(guān) apple:first-of-type （第一個apple元素）
第二十一關(guān) plate:nth-of-type(even) 法牲，（所有偶數(shù)個的plate元素）
第二十二關(guān) plate:nth-of-type(3),plate:nth-of-type(5) ，（plate元素下的第3個和第5個元素）
第二十三關(guān) plate apple.small:only-of-type 木柬，（plate元素下滿足apple.small元素的唯一一個元素）
第二十四關(guān) orange.small:last-of-type,apple.small:last-of-type 皆串，（是orange.samll和apple.small元素的最后一個元素）
第二十五關(guān) bento:empty ， （bento元素里沒有包括額外元素）
第二十六關(guān) apple:not(.small) 眉枕，（apple里沒有組是.small的元素）
