學(xué)習(xí)css的相關(guān)網(wǎng)站
- Google: 關(guān)鍵詞 MDN
- CSS Tricks
- Google: 阮一峰 css
- 張鑫旭的 240 多篇 CSS 博客
- Codrops 炫酷 CSS 效果
- CSS揭秘
- CSS 2.1 中文 spec
- Magic of CSS 免費(fèi)在線書
在css中如何引入其他css
如何將塊元素變?yōu)樾袃?nèi)元素
1.子元素加上float:left
2.父元素加上class = "clearfix"
3.給clearfix加上
.clearfix{
content:'',
display:block,
clear:both
}
【不建議使用其他方法糠爬，例如將塊元素變?yōu)閐isplay:inline-block,因?yàn)閕nline-block有的時(shí)候會有意想不到的bug】
.topbar>nav>ul
表示topbar下的兒子nav破停，不是孫子
如何繪制a鏈接的下劃線
1.a鏈接加上border:1px solid transparent;
2.a鏈接的hover加上border:1px solid red;
【如果只有hover加了border杂瘸，會導(dǎo)致鼠標(biāo)浮動上去會有抖動的感覺】
如何查看標(biāo)簽鼠標(biāo)操作過后的樣式
【有的時(shí)候想要截圖鼠標(biāo)浮動在元素上面的樣子，可以用這個方法】
color:inherit
表示顏色從祖先那里繼承串纺，因?yàn)槔鏰鏈接自身帶有顏色，即使body加了顏色也不會從body里面繼承贡未，在a鏈接加了這句話汹族，就會從body那里繼承顏色
高度bug
當(dāng)內(nèi)聯(lián)元素高度大于外部高度的時(shí)候，可以設(shè)置display:block托享，這樣就可以解決這個問題
position:fixed
當(dāng)設(shè)置position:fixed的時(shí)候骚烧，寬度會變?yōu)槔锩嬖氐膶挾冉眨皇瞧聊坏?00%，這個時(shí)候我們需要手動設(shè)置寬度為100%
如果這個時(shí)候我們又設(shè)置了padding的值赃绊，可能會超過屏幕的寬度既峡，解決的方法是
1.將最里面的元素再次包裹一層div，設(shè)置div為width:100% 并且設(shè)置padding
畫各種各樣的形狀
Google搜索css tricks shape
word-break:break-all
當(dāng)不用這個屬性的時(shí)候如果有英文在字符串中碧查，英文會單獨(dú)另起一行运敢，用了這個分行只會一個字母一個字母分行。
圖片background
