目前只有webkit nightly和chrome canary支援css shape，但是它的model level 1已經是candidate recommendation（候選推薦）了，因此在規範中定義的屬性和語法已經很穩定了。看來要不了多久其他瀏覽器也會實現css shape。本level的規範主要聚焦在幾個shape屬性，這些屬性主要規定了形狀周圍的內容該如何環繞。更具體地說，它主要聚焦在形狀外圍屬性和其相關的屬性。
如果正使用chrome瀏覽器（非canary版本），可以貼上以下**到位址列：用來開啟這個css的功能。
chrome:
//flags/
#enable-experimental-web-platform-features
看到效果但是其他瀏覽器還是不支援的。
使用：element
shape-outside 限制影象周圍的內容
shape-inside限制內部的內容
形狀可選引數：circle圓形 ellipse橢圓 polygon 多邊形 inset建立乙個圓角矩形，文字環繞在圓角周圍
引數：可以是一組座標是由它組成那個形狀的。
circle() = circle( ? [at ]? )
比如：shape-inside: circle(250px at 500px 300px); 圓形的中心在水平500垂直300的地方，圓的半徑是250px
ellipse() = ellipse( ? [at ]? )兩個引數，乙個是x軸和y軸的半徑，另乙個是中心位置inset() = inset( offset [round ]? ) 四個值是box邊緣向內的值top right bottom left，還乙個引數是半徑
shape-outside
: inset(1% round 5px 10px 5px 5px);代表影象距離文字是1%。他的邊框圓角分明是5 10 5 5
要讓這行css生效，必須滿足兩個條件：
如果我們希望是個圓形，文字繞著圓
效果圖：
但是我們猜想是不是只用用border-radius:50%可以讓影象變成圓形然後大概就可以實現這個效果吧？？？但是他只是把圖形變成圓形，但是整體的邊框他還是矩形的。因此最終
外框還是文字會繞矩形。
是這個效果：
不過這種效果也恰好是不支援這個屬性的瀏覽器所呈現的效果。
jQuery之 元素滾動
對應的知識點鋪墊，但是有乙個很重要的問題就是相容ie和chorme的 1.scrolltop 讀取 設定滾動條的y座標 2.document.body scrolltop document.documentelement scrolltop 讀取頁面滾動條的y座標 相容chrome和ie 3.bod...
元素滾動 scroll 系列
scroll 翻譯過來就是滾動的，我們使用 scroll 系列的相關屬性可以動態的得到該元素的大小 滾動距離等。如果瀏覽器的高 或寬 度不足以顯示整個頁面時，會自動出現滾動條。當滾動條向下滾動時，頁面上面被隱藏掉的高度，我們就稱為頁面被卷去的頭部。滾動條在滾動時會觸發 onscroll事件。原先側邊...
JS 實現元素顏色跟隨滾動條變化
彩色變化 最近在學習js開發，突然想實現這樣乙個效果，滾動條往下拉時元素顏色由淺變深，於是就嘗試做這樣乙個功能。滾動部分，計算出網頁可以滾動的範圍，同時監聽滾動事件，然後使用計算顏色的變化，給目標加上相應的css樣式即可。var scrollbegin 200,顏色變化開始位置，自行定義 scrol...