免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

CSS網頁設計中常遇到的問題

2022-09-23    分類： 網站建設

一. 移除超鏈接的虛線(僅對FF有效)
FireFox下,當你點擊一個超鏈接時會在外圍出現一個虛線輪廓. 這很容易解決, 只需要在標簽樣式中加入

outline:none .
a{
outline: none;
}
二. 給行內元素定義寬度
如果你給一個行內元素定義寬度,那么它只是在IE6下有效. 所有的HTML元素要么是行內元素要么就好是塊
元素. 行內元素包括: , , 和 . 塊元素包括

,

,

,
和
  • . 你不
    能定義行內元素的寬度, 為了解決這個問題你可以將行內元素轉變為塊元素.

    span { width: 150px; display: block }三. 讓固定寬度的頁面居中
    為了讓頁面在瀏覽器居中顯示, 需要相對定位外層div, 然后把margin設置為auto.

    #wrapper {
    margin: auto;
    position: relative;
    }四. 圖片替換技術
    用文字總比用圖片做標題好一些. 文字對屏幕閱讀機和SEO都是非常友好的.

    HTML:

    Main heading one

    CSS:

    h1 { background: url(heading-image.gif) no-repeat; }
    h1 span {
    position:absolute;
    text-indent: -5000px;
    }你可以看到我們對標題使用了標準的

    作為標簽并且用css來將文本替換為圖片. text-indent屬性將文字
    推到了瀏覽器左邊5000px處, 這樣對于瀏覽者來說就看不見了.

    關掉css,然后看看頭部會是什么樣子的.帆力·得實針式打印機打印CSS頁面設計排版問題

    五. 最小寬度
    IE6另外一個bug就是它不支持 min-width 屬性. min-width又是相當有用的, 特別是對于彈性模板來說, 它們有
    一個100%的寬度,min-width 可以告訴瀏覽器何時就不要再壓縮寬度了.

    除IE6以外所有的瀏覽器你只需要一個 min-width: Xpx; 例如:

    .container {
    min-width:300px;
    }為了讓他在IE6下工作, 我們需要一些額外的工作. 開始的時候我們需要創建兩個div, 一個包含另一個:


    Content

    然后你需要定義外層div的min-width屬性

    .container {
    min-width:300px;
    }這時該是IE hack大顯身手的時候了. 你需要包含如下的代碼:

    * html .container {
    border-right: 300px solid #FFF;
    }
    * html .holder {
    display: inline-block;
    position: relative;
    margin-right: -300px;
    }
    六. 隱藏水平滾動條
    為了避免出現水平滾動條, 在body里加入 overflow-x:hidden .

    body { overflow-x: hidden; }當你決定使用一個比瀏覽器窗口大的圖片或者flash時, 這個技巧將非常有用。

    tholee集

    新聞名稱：CSS網頁設計中常遇到的問題
    文章位置：http://m.newbst.com/news/197289.html

    成都網站建設公司_創新互聯，為您提供電子商務、企業網站制作、靜態網站、企業建站、品牌網站制作、商城網站

    廣告

    聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯