一、浮動框可以向左或向右移動，直到外邊緣碰到包含框或另乙個浮動框邊框為止。
常用浮動：float:left（向左）; float:right（向右）;
加上浮動之後 還要清除浮動：
.cl::after
二、2.1、定位（難點）
position: static; （沒有定位） fixed（絕對定位，相對瀏覽器始終顯示 相對於廣告）; relative（相對定位，相對正常位置）; absolute;
relative、absolute配合使用（父子類使用）；
以導航條為例：使用fixed絕對定位 怎麼滾動導航條都變化
三、css3關鍵字
1、邊框：
border-radius:圓角 5px 或20%；100%的話是圓；
box-shadow（10px 10px 10px 解釋：先水平 在垂直 在投影高度）:
2、背景：
background-size:背景的尺寸
3.寬高包含區域：
box-sizing:content-box(預設)，border-box；（紅色為重點）
border-box 設定後width、height 包含
4、文字效果：
text-shadow：文字陰影；（解釋：先水平 在垂直 距離）
word-wrap:（break-word）自動換行；
5、字型引入：
@font-facel動畫名 2s;
@keyframes myfirst建立動畫；
animation.css網頁中寫好了好多動畫效果
9、多列：
column-count:規定元素應該被分隔的列數;
column-gap 屬性規定列之間的間隔;
CSS常用知識點總結（二）
如果，說浮動，關鍵在乙個 浮 字上面，那麼 我們的定位，關鍵在於乙個 位 上。對於定位，最常運用的場景再那裡呢？來看幾幅，你一定會有感悟！第一幅圖，小黃色塊可以再上移動 第二幅圖，左右箭頭壓住 第三幅圖,hot 在盒子外面多出一塊，更加突出 以上三個小地方，如果用標準流或者浮動，實現會比較複雜或者難...
CSS3常用知識點
1 css3選擇器 1.1 屬性選擇器 e attr val 表示的乙個單獨的屬性值 這個屬性值是以空格分隔的 attr2 a class kawa e attr val 表示的要麼乙個單獨的屬性值 要麼這個屬性值是以 分隔的 attr3 a class kawa e attr val 表示的屬性值...
mysql常用知識點 mysql 常用知識點。
mysql u root p show databases show tables select from abc order by id limit 0,10 create database bbb exit mysqldump u root p game home backup.sql mysq...