亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

從 psd 到 html

黑白豬 Web前端工程師
難度初級
時長 1小時51分
學習人數
綜合評分9.63
432人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 類名 pubic-container 空格帶 另外的名字,可以利用公共樣式
    查看全部
  • 簡單快速的量像素的方法
    查看全部
  • 先寫大框架
    查看全部
  • 敘述為
    查看全部
    0 采集 收起 來源:課程介紹

    2017-04-25

  • 切圖教程
    查看全部
  • 下面的采用絕對定位是相對于上面的絕對定位板塊的
    查看全部
    0 采集 收起 來源:banner

    2017-04-24

  • 代碼部分,圖片自動居中 margin:0 auto;
    查看全部
    0 采集 收起 來源:banner

    2017-04-24

  • 背景圖采用相對定位,背景圖上面的文字采用絕對定位,漂浮上面,因為背景圖采用了相對定位,所以文字的絕對定位是相對于背景圖的
    查看全部
    0 采集 收起 來源:banner

    2017-04-24

  • 重置樣式
    查看全部
  • 一、前端:代表著pm和ui的眼光,后端的思維。
    查看全部
    0 采集 收起 來源:總結

    2017-04-20

  • 一、vertical-align:middle在ie7中失效 .line{ *margin-top:22px;/*只在Ie7中有效,對其他瀏覽器無效*/ } 二、border-radius:ie7不支持 1、可以用圖片。
    查看全部
    0 采集 收起 來源:兼容2

    2017-04-20

  • 一、ie7的float:left,本來$30應該是和fugiat nulla sint是同一行的,但是現在它向下移了一點。解決辦法: html中把<span>$30</span>放到fugiat nulla sint前面。即有浮動的文字放到前面。 二、IE7float換行問題(同一行文字,前面的不操作,后面一步分右浮動!) 1.將同一行的文字都做浮動處理,2,有浮動文字用絕對定位替換浮動定位,3.有浮動文字放在前面。 (aSuncat:看到別人寫的,沒試過是否可行。) 三、偽類last-child會失效,給這個div直接加class,就不用:last-child
    查看全部
    0 采集 收起 來源:兼容1

    2018-03-22

  • 一、 1、黃色的小星星,放到新建的畫布里去。 2、圖像,畫布大小,向下加同樣大的高度。 3、畫布背景換成紅色。 4、把灰色的星星直接拖過來。 5、上下箭頭可以調灰色星星的位置。 6、畫布的小眼睛不要,背景就是透明的了。
    查看全部
    1 采集 收起 來源:tab切換

    2017-04-20

  • 一、行內元素.btn之間有默認的間距(display:inline-block的元素之間有默認的間距)。font-size:0可以清除這個間距。 .btn-group{font-size:0;} .btn-group .btn{display:inline-block;}
    查看全部
    0 采集 收起 來源:主體pannel結構

    2017-04-20

  • 二、有2列,一列右邊有60px空位,另一邊右邊沒有空位。 1、menu-list width:1100px; overflow:hidden; 2、menu-list ul width:1160px; 3、menu-list ul li margin-right:60px;
    查看全部
    0 采集 收起 來源:menu

    2017-04-20

舉報

0/150
提交
取消
課程須知
1、對 html+css 基礎知識已經掌握; 2、會簡單使用 Photoshop; 3、需要一步一步動手做;
老師告訴你能學到什么?
1、獨立完成一個設計稿的轉化; 2、Css從整理到局部的分離; 3、Css命名一些技巧和語義化; 4、Html標簽結構的優化和選擇; 5、PS軟件當中的切圖技巧 6、Css代替部分圖片實現小icon; 7、兼容性處理的方法; 8、和后端配合時注意的事項;

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!