1.側欄問題
在另一篇文章裡已經說過了。
2.取消table表頭居中問題
這個有兩種解決方法
第一種是不寫th而是用乙個td代替,之後再給這個td加粗即可。
第二種是使用th,給th另外加乙個class,之後使用text-align:left
3.合併table邊框。
這個樣子很難看。
使用border-collapse:collapse;即可解決。
4.div的陰影凸起效果
就像這種圖上右側和下側的樣子,這樣設定就覺得這個div是凸起來的。
其實這個很簡單,就是給他的border設定一條線而已。
如下:border-right:1px solid #999;
border-bottom:1px solid #999;
5.取消塊狀元素的獨佔一行
之前有學過也寫過,但是在自己真正寫的時候就忘記了。
取消獨佔一行,其實就是將他變為內聯塊狀元素或內聯元素就可以了。
如下:
6.取消標籤的下劃線
text-decoration:none;
7.取消ul帶來的點
list-style:none
8.給div元素新增圓角邊框
broder-radius:25px
9.當我們給乙個元素設定高度height和寬度width時,會用到%,這個%的真正意思是:定義基於包含塊(父元素)寬度的百分比寬度。
也就是說,設定的時候,其實是基於父元素的寬度或高度來設定的。
10.頁面自動居中
margin:0 auto
使用這個的時候,不能和float、position一起使用。
如下:
11.初始化頁面格式*
這樣做可以取消頁面自己給我們加的東西。
12.建議不要給div塊設定高度
H5 CSS寫網頁時遇到的一些坑 1
我們想要這樣的效果,嗯,看起來很不錯 結果把設定好了之後 float,大小什麼的 興高采烈的f5了一下,以為達到了預期效果,結果是這樣的 wtf,這和說好的不一樣啊,然後我就開始debug了一晚上,從div巢狀檢查到所有相關的css,結果還是找不出答案。最後無意之中用一串中文代替了 結果成這樣了 一...
畫網頁時一些小問題
1.width auto與height auto 父級div高度設定為auto,裡面子集有高度,但是父級元素的高依然為0 解決 子集元素是浮動的,父級讀不到其高度,所以只需要清楚內部浮動既可以解決,故給父級加上overflow hidden即可 而width auto 會將元素撐開至整個父元素wid...
CSS設計網頁時的一些常用規範
一 注釋書寫規範 1 行間注釋 直接寫於屬性值後面,如 search 2 整段注釋 分別在開始及結束地方加入注釋,如 搜尋條 search 搜尋條結束 二 樣式屬性 縮寫 1 不同類有相同屬性及屬性值的縮寫 對於兩個不同的類,但是其中有部分相同甚至是全部相同的屬性及屬性值時,應對其加以合併縮寫,特別...