第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

分頁頁碼制作

難度初級(jí)
時(shí)長(zhǎng) 1小時(shí) 0分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.37
203人評(píng)價(jià) 查看評(píng)價(jià)
9.6 內(nèi)容實(shí)用
9.5 簡(jiǎn)潔易懂
9.0 邏輯清晰
  • 代碼整理:a標(biāo)簽里有的,a:hover里面不需要

    ??????????????? 有公共屬性的可以把公共屬性刪除

    查看全部
    1 采集 收起 來源:代碼整理

    2018-08-04

  • 行內(nèi)元素有空隙

    ? 產(chǎn)生原因:換行符、tab、空格產(chǎn)生間隙
    ? 解決方法:1、元素寫成一行
    ?????????????????? ?2、設(shè)置font-size:0

    查看全部
  • <!doctype html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css">

    ? ? .page-normal{

    ? ? ? ? ?color: #ff6500;

    ? ? ? ? ?text-align: center;

    ? ? ? ? ?font-size: 0;

    ? ? ? ? }

    ? ? ? ? .page-normal a{

    ? ? ? ? ?border: 1px solid #ff9600;

    ? ? ? ? ?text-decoration: none;

    ? ? ? ? ?color: #ff6500;

    ? ? ? ? }

    ? ? ? ? .page-normal a:hover{

    ? ? ? ? ?border: 1px solid #ff6500;

    ? ? ? ? ?background: #ffb494;

    ? ? ? ? }

    ? ? ? ? .page-current{

    ? ? ? ? ?border: 1px solid #ff6500;

    ? ? ? ? ?color: #ff6500;

    ? ? ? ? ?background: #ffb494;

    ? ? ? ? }

    ? ? ? ? .page-prev{

    ? ? ? ? ?border: 1px solid #ffe3c6;

    ? ? ? ? ?color: #ffe3c6;

    ? ? ? ? }

    ? ? ? ? .page-prev,.page-current,.page-normal a{

    ? ? ? ? ?padding: 5px 7px;

    ? ? ? ? ?font-size: 18px;

    ? ? ? ? ?margin-left: 15px;

    ? ? ? ? }

    ? ? ? ? .page-normal i{

    ? ? ? ? ?display: inline-block;

    ? ? ? ? ?width: 5px;

    ? ? ? ? ?height: 9px;

    ? ? ? ? ?background: url("e.gif");

    ? ? ? ? }

    ? ? ? ? .page-prev i{

    ? ? ? ? ?background-position: -67px -608px;

    ? ? ? ? ?margin-right: 5px;

    ? ? ? ? }

    ? ? ? ? .page-next i{

    ? ? ? ? ?background-position: -74px -608px;

    ? ? ? ? ?margin-left: 5px;

    ? ? ? ? ?vertical-align: middle;?

    ? ? ? ? }

    ? ? ? ?</style>

    </head>

    <!--

    ? ?行內(nèi)元素中間有空隙


    ? ?原因:換行符、tab制表符、空格產(chǎn)生空隙


    ? ?解決:元素寫在一行


    ? ? ? ? ?font-size:0;

    -->

    <body>

    <div class="page-normal">

    <span class="page-prev"><i></i>&lt;</span>

    <span class="page-current">1</span>

    <a href="#">2</a>

    <a href="#">3</a>

    <a href="#">4</a>

    <a href="#">5</a>

    ...

    <a href="#">199</a>

    <a href="#">200</a>

    <a href="#" class="page-next">&gt;<i></i></a>

    </div>

    </body>

    </html>


    查看全部
  • 使用什么標(biāo)簽來制作分頁頁碼

    查看全部
  • 查看全部
  • 分頁
    查看全部
  • 寬度和高度對(duì)塊級(jí)元素有作用,對(duì)行內(nèi)元素沒有作用

    要設(shè)置行內(nèi)元素的寬高,需要先把行內(nèi)元素轉(zhuǎn)換為塊級(jí)元素----display

    查看全部
  • 行內(nèi)元素中間有空隙: 產(chǎn)生原因:換行符、tab、空格產(chǎn)生空隙 解決方法:元素寫成一行;設(shè)置font-size:0
    查看全部
  • &lt; 是 < &gt;是 >
    查看全部
  • 好,不錯(cuò),鼠標(biāo)滑過........
    查看全部
    0 采集 收起 來源:代碼整理

    2017-12-06

  • 行內(nèi)元素中間有空隙: 產(chǎn)生原因:換行符、tab、空格產(chǎn)生空隙 解決方法:元素寫成一行;設(shè)置font-size:0
    查看全部
  • 行內(nèi)元素有間隔bug問題
    查看全部
  • 上一頁下一頁插入左右小鍵頭(雪碧圖) HTML在“上一頁”的前面加<i></i>標(biāo)簽 在“下一頁”的后面加<i></i>標(biāo)簽 CSS給i標(biāo)簽加樣式:想要插入雪碧圖得先給它一個(gè)寬高,但內(nèi)聯(lián)元素給寬高無效,要先轉(zhuǎn)為塊元素下的內(nèi)聯(lián)元素,給總的i標(biāo)簽加display:inline-block,background插入圖 再分別給上一頁下一頁的i標(biāo)簽加樣式定位background-position:x軸 y軸;
    查看全部
  • 代碼整理 不同屬性相同樣式,可以單獨(dú)提取出來放在一起
    查看全部
    0 采集 收起 來源:代碼整理

    2017-09-16

  • 頁碼標(biāo)簽樣式有padding:5px 7px;
    查看全部

舉報(bào)

0/150
提交
取消
課程須知
您需要具備HTML、CSS樣式基礎(chǔ)知識(shí)。
老師告訴你能學(xué)到什么?
通過本課程的學(xué)習(xí),我們可以學(xué)到以下技術(shù): 1. 制作分頁頁碼時(shí)的語義化 2. 行內(nèi)標(biāo)簽居中 3. 使用css sprite 技術(shù)實(shí)現(xiàn)小icon插入

微信掃碼,參與3人拼團(tuán)

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對(duì)慕課網(wǎng)的支持!