定位:
行標籤:display: inline
不能設定 寬-高 寬高由內容撐開
可以同行顯示
塊級標籤: display: block
可以設定寬高
不設定寬高預設寬度繼承父級
預設高度:有內容撐開
不能同行顯示 獨佔一行
文件流: 標籤在瀏覽器裡面按照特性 從上到下 從左到右排列的乙個順序,脫離文件流,讓元素在文件流裡面飛起來 不占用原來的空間
過渡過渡時間 :transition-duration: 時間
transition-duration: 1s;
過渡屬性: transition-duration:
transition-property:all;
希望那些樣式變化的時候有過度效果,多個屬性用逗號隔開 預設是all
transition-property:all
過渡的運動方式 速度的變化
linear 勻速
ease
ease-in 變快
ease-out 變慢
ease-in
-out 先快後慢
transition-timing
-function:ease-in
-out; /過渡延時
transition:all
1s(延時時間) 2s(過渡時間) linear; //復合寫法
css 布局布局定位心得
1 區域性絕對定位。當我們在乙個預設定位方式的div內巢狀的div實用 絕對定位 absolute 的時候，它會脫離上乙個div的控制，要實現乙個巢狀div相對上乙個div的絕對定位，只需要給上乙個div的定位加上 相對定位 relative 屬性即可，一般不會影響父div的顯示效果。2 盡量使用 ...
布局和定位
網頁的三種布局 流動模型 flow flow 預設的網頁布局模型。浮動模型 flow 可以讓塊級元素顯示在一行，用到float left right 層模型 layer 層模型有三種形式 a position absolute 這種形式將元素從文件流中拖出，然後用left,right,top,bot...
CSS定位布局
絕對定位 如果想為元素設定層模型中的絕對定位，需要設定position absolute 表示絕對定位 這條語句的作用將元素從文件流中拖出來，然後使用left right top bottom屬性相對於其最接近的乙個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對於body元素，即...