中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

CSS網(wǎng)頁(yè)設(shè)計(jì)中常遇到的問(wèn)題

2022-09-23    分類： 網(wǎng)站建設(shè)

一. 移除超鏈接的虛線(僅對(duì)FF有效)
FireFox下,當(dāng)你點(diǎn)擊一個(gè)超鏈接時(shí)會(huì)在外圍出現(xiàn)一個(gè)虛線輪廓. 這很容易解決, 只需要在標(biāo)簽樣式中加入

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

,

,

,
和
  • . 你不
    能定義行內(nèi)元素的寬度, 為了解決這個(gè)問(wèn)題你可以將行內(nèi)元素轉(zhuǎn)變?yōu)閴K元素.

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

    #wrapper {
    margin: auto;
    position: relative;
    }四. 圖片替換技術(shù)
    用文字總比用圖片做標(biāo)題好一些. 文字對(duì)屏幕閱讀機(jī)和SEO都是非常友好的.

    HTML:

    Main heading one

    CSS:

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

    作為標(biāo)簽并且用css來(lái)將文本替換為圖片. text-indent屬性將文字
    推到了瀏覽器左邊5000px處, 這樣對(duì)于瀏覽者來(lái)說(shuō)就看不見(jiàn)了.

    關(guān)掉css,然后看看頭部會(huì)是什么樣子的.帆力·得實(shí)針式打印機(jī)打印CSS頁(yè)面設(shè)計(jì)排版問(wèn)題

    五. 最小寬度
    IE6另外一個(gè)bug就是它不支持 min-width 屬性. min-width又是相當(dāng)有用的, 特別是對(duì)于彈性模板來(lái)說(shuō), 它們有
    一個(gè)100%的寬度,min-width 可以告訴瀏覽器何時(shí)就不要再壓縮寬度了.

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

    .container {
    min-width:300px;
    }為了讓他在IE6下工作, 我們需要一些額外的工作. 開(kāi)始的時(shí)候我們需要?jiǎng)?chuàng)建兩個(gè)div, 一個(gè)包含另一個(gè):


    Content

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

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

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

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

    tholee集

    新聞名稱：CSS網(wǎng)頁(yè)設(shè)計(jì)中常遇到的問(wèn)題
    文章位置：http://m.rwnh.cn/news/197289.html

    成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、企業(yè)建站、品牌網(wǎng)站制作、商城網(wǎng)站

    廣告

    聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

    • 洪雅县| 裕民县| 祁连县| 汾西县| 连云港市| 雷山县| 黄梅县| 灵丘县| 西宁市| 和政县| 黔西| 随州市| 双鸭山市| 兖州市| 太康县| 方正县| 乌鲁木齐市| 千阳县| 辉南县| 固始县| 和平县| 西充县| 华蓥市| 哈巴河县| 南木林县| 正宁县| 宁晋县| 滨海县| 讷河市| 墨玉县| 克什克腾旗| 洞头县| 双江| 印江| 永昌县| 台湾省| 雷州市| 开远市| 永福县| 沅陵县| 高州市|