1. 程式人生 > >7.3日小結

7.3日小結

塊級元素 等於 自身 標簽 flow 子元素 選擇器 overflow 寬度

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日小結