最近看了一本書， 《css揭秘》[希] lea verous 著
都是關於css3之類的標籤屬性之類的；今天演示一下：border-radius這個屬性；【因為總覺得作者的數學不是很好，不過還是很感謝她的】
首先我們要接受【border-radius: 50% / 50%】,第乙個百分之50%，代表水平方向的距離，第二個代
豎直方向的距離；
現在我們border-radius:50% / 50%展開：border-radius:50% 50% 50% 50% /50% 50% 50% 50%顏
色相對應的都是指同乙個角
首先我們要理解橢圓或圓是怎麼畫的，橢圓的話，我們首先要知道橢圓的長半徑和短半徑確定中心點，同理
畫圓也需要半徑確定中心點；所以重點便是【中心點的選擇】
我們都知道 border-radius: 50%時,那麼就會變成橢圓
然而真真的原理就在這個時刻哦：
首先我們先理解：這個橢圓是由四個1/4的橢圓組成，正好對應四個角；讓每個角都變成1/4的橢圓就是我們
所需要做的；
首先左上角要形成四分之一橢圓，那麼圖上的兩個紅心的交點便是中心點；這個中心點的位置：就是其水平
距離50%，豎直距離是50%；同樣：其他三個角也是這樣；
懂了沒？
看看我做的形狀：
再來演示第二個border-radius：
首先我們可以確定：
第乙個角的中心點： 水平方向50%，豎直是100%;
第二個角的中心點： 水平方向0， 豎直方向0；
第三個角的中心點： 水平方向50%， 豎直是100%；
第四個角的中心點： 水平方向0， 豎直方向0；
被玩壞的部落格園 之canvas裝飾部落格園側邊欄
最近抽空學了學canvas,然後用canvas做了個小球運動的demo,大致的效果如下 html很簡單，沒啥講的，就是css那塊相容性你們注意下就好 我懶，沒寫相容 再看看canvas的js處理 就是上面引入的index.js 講解都寫在注釋裡了，寫的比較基礎，方便沒多少基礎的人看 window.o...
前端之css之單位
1.百分比 預設元素高度設定為100 以自身高度為準，如果父元素設定寬度，子元素寬度為父元素寬度。2.rem rem相對於html元素的font size屬性的大小而變化，需要由js 動態控制。3.vh,vw vw 可視區域的寬度，總寬度為100vw vh 可是區域的高度，總高度為100vh4.ca...
CSS之CSS概念記錄1
css的選擇器 1 子選擇器，即大於符號 用於選擇指定標籤元素的第一代子元素 food li 2 包含選擇器，即加入空格,用於選擇指定標籤元素下的後輩元素。如右側 編輯器中的 first span css的繼承 css的某些樣式是具有繼承性的，那麼什麼是繼承呢？繼承是一種規則，它允許樣式不僅應用於某...