盒子的大小由：width+padding+border來決定
box-sizing:content-box; //就是設定我們經常使用的盒模型 w3c推薦使用
****現在的css3有了新特性：box-sizing:border-box 可以設定padding border不撐開盒子
****也就是說 盒子的大小width padding和border是包含在width裡面的 實際的寬度就是width了 就不要再計算屬性了
先回顧一下文字陰影吧：text-shadow:5px 5px 10px rgba(0,0,0,0.4) inset //水平距離 垂直距離 模糊距離 模糊的顏色
***盒子的陰影屬性：box-shadow:水平距離 垂直距離 模糊距離 模糊大小 模糊顏色 內外陰影（inset內陰影 外陰影可以不寫）
有三種布局：標準流（泡在地上） 浮動（浮在空間） 定位（浮在空中，想去任何地方都行）
什麼是浮動：設定浮動屬性的元素會脫離標準的普通流的控制。移動到其父元素指定位置的過程
就是會飄在標準流的上面
關於浮動的基本語法：
1.float: left(元素向左浮動) right(元素向右浮動) none(元素不浮動 預設值)
2.沒有居中對齊浮動語法 margin：0 auto 就是讓盒子居中對齊了
3.浮動元素總是找他最近的父親元素進行對齊，但是不會超出內邊距的範圍 padding也不會超出的
（子盒子的浮動是不會影響父盒子的padding和margin的值的）
4.如果兩個盒子都浮動，則盒子會頂對齊 如果第二個盒子浮動第乙個不浮動的話 則會顯示底對齊
總結：如果需要盒子在一行對齊 裡面的盒子必須都得浮動 否則的就不會對齊（因為沒有設定浮動 就是塊級元素單獨佔據一行）
5.塊級元素新增浮動元素之後 具有行內塊特性（有寬度和高度 盒子的大小是有內容決定的） 就是隱式的轉換了
內幕特性：就是用標準流的盒子進行包裹 然後裡面浮動相應的盒子即可（一定使用標準流的盒子來進行包裹）
第一種方法：在浮動元素末尾新增過乙個空的標籤
.clear {
clear: both;
第二種方法：給浮動的元素設定
.box1 {
/*overflow: hidden; hidden|auto|scroll 都可以清除這是清除浮動的第二種方法 觸發bfc bfc 可以清除浮動*/
第三種方法：給浮動元素進行設定
第四種方法：給浮動元素設定
晚上學習如何安排時間最有效？
晚上學習如何安排時間最有效？1 明確今天晚上學習的目標，學到什麼程度才可以睡覺。學習之後，一定要用筆在紙列個清單出來，這樣更便於安排時間，不致於手忙腳亂，在睡覺時充滿負罪感，覺得自己今天沒有完成目標就睡了。2 在學習之前不要上網 看電視 電影 玩遊戲 打 和閒聊。我以前總是習慣在學習之前上網到處逛逛...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...