7.3日小結
html是超文本標記 CSS是層疊樣式表
塊級元素與行內元素的區別
1.換行(塊級元素不換行,行內元素要換行)
2.寬高(行內元素不可以設置寬高)
3.內外邊距(塊級元素上下左右都有內外邊距,而行內元素有一邊是沒有內外邊距的)
盒模型分為兩種
1.標準盒模型(例:一個盒子的實際寬度為100px,padding為20px,border為10px,那麽此盒子的實際寬度為100+(左右撐開的padding)40+(左右邊框)20=160px)
2.IE盒模型(同例,但是此盒子的實際寬度為100px;註:IE盒子的寬度就等於此盒子的實際寬度)
偽元素選擇器(...:after,...:first)
兄弟選擇器
div+p(div後面的第一個p元素)
div~p(div後面的所有p元素)
CSS的兩大核心概念:(層疊,繼承)
清除浮動
1.在父元素裏加一個空的div(<div class=:"clear"></div>)然後在style樣式裏面添加樣式.clear{clear:both};
2.overflow:hidden(寫在父元素的類名下面)
3.在style樣式裏的父元素類名下添加.父元素類名:after{content:“要添加的內容”;display:block;clear:both:}
解決子元素動父元素跟著動的方法
1.在父元素的類名下加:overflow:hidden;
2.在父元素的類名下加:border:1px ... ...;
3.在父元素的類名下加:padding-top:1px;
IFC
1.只要有行內元素就會有IFC產生
2.行盒的高度酒取決於現主行的最高元素的高度
寫移動端開發網頁的單位區別
rem(css3新出單位)默認根元素的大小,跟著根元素大小一起變化。(html標簽就叫根元素,它的默認大小是16px)
em就等於自身font-size的大小
px不隨網頁大小而變化
7.3日小結