選擇器 種類與優先級,顏色與長度,顯示方式,嵌套模型,盒模型
選擇器
1.行間式
2.內聯
3.外聯
內聯
1.標簽名 2.別名 3.id
<style>
div {}
</style>
<div>
2.
<style>
.iv {}
</style>
<div class=‘iv>
3.
<style>
#iv {}
</style>
<div id=‘iv>
4!.important優先級最高
顏色
background-color #546857 blue rgb(0~255, 0~255, 0~255)|rgba(0~255, 0~255, 0~255, 0~1)
長度
em px mm cm vw rem
display
inline
支持部分css長寬由文本撐開
在一行
block
異行顯示
支持全部css
nline-block;
/*
1.同行顯示
2.支持所有css樣式
3.設置了寬高就采用設置的值
在html中顯示模式分為塊級和行內,其中常用的塊級有:div,p,h1~h6,ul,li,dl,dt,dd... 常用的行內有:span,font,b,u,i,strong,em,a,img,input,其中img和input為行內塊元素
嵌套關系
inline只可以套inline
block可以inline但是hn和p 建議inline
inline-block 建議inline套block的話默認文本對齊
結果:
1.inline嵌套block和inline-block,不起任何作用, 所以只能嵌套inline
2.inline-block可以嵌套其他類型標簽, 但一定要結合vertical-align屬性操作, 左右還有一空格間距
3.block任何同行顯示 ???
盒子模型
margin border padding content
margin , , , ,上右下左 不足取對邊
border solid| dashed點劃線|dotted 圓點線 3px blue
padding , , , ,上右下左不足取對邊
content width height
如果建立父子盒子,必須將父 通過border定死 或者padding設值 否則 父隨子 在設定margin 時取最大值向下移動,然後父子上下粘連、
選擇器 種類與優先級,顏色與長度,顯示方式,嵌套模型,盒模型