一些自己寫網頁時遇到的問題及細節處理

2021-08-03 23:35:33 字數 1405 閱讀 9900

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 不同類有相同屬性及屬性值的縮寫 對於兩個不同的類,但是其中有部分相同甚至是全部相同的屬性及屬性值時,應對其加以合併縮寫,特別...