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

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

從 psd 到 html

黑白豬 Web前端工程師
難度初級
時長 1小時51分
學習人數
綜合評分9.63
432人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 一、類似于書簽的圖標用css實現 <div class="book"></div> .book{ width:100px; height:50px; background-color:#f00; position:relative;/*不要忘了寫*/ } .book:after{ content:'';/*是'',不是""*/ position:absolute; left:0; bottom:0; width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:10px solid #fff; }
    查看全部
    0 采集 收起 來源:menu

    2018-03-22

  • 一、jpg圖像裁剪: 1、窗口-圖層。 2、矩形選框選中。 3、圖像-裁剪。 二、ctrl alt shift s:存儲為web所用格式。 三、ctrl alt z:還原。
    查看全部
    1 采集 收起 來源:banner

    2017-04-19

  • 一、h 手抓圖片。 二、1、選擇,自動選擇:圖層。 2、選中圖層后,右鍵選擇:轉換為智能對象。 3、框選要選擇的那部分圖。 4、ctrl c 、ctrl n. ctrl n是新建,會記住選擇的寬度、高度等的信息。 5、存儲為png-24。
    查看全部
  • 一、 f8 :顯示像素信息。 ctrl d:取消選中。 二、webstorm中按住alt,然后點擊光標,可以在點擊的這些位置,接下來加入相同的內容。
    查看全部
  • 一、ctrl alt 滾動:放大縮小
    查看全部
  • div.public-header+div.public-container clearfloat(div.header-logo)+div.index-banner+div.pub-container index-list+div.public-container index-panel+div.public-footer+div.public-footer(div.public+container)
    查看全部
  • 上110,中1100,下318
    查看全部
  • div.index-panel-header
    查看全部
  • div.public-header+div.index-banner+div.index-list+div.index-panel+div.index-panel+div.public-footer
    查看全部
  • 布局設計
    查看全部
    0 采集 收起 來源:menu

    2017-04-14

  • 切圖小技巧:首先選中相應的圖層,右擊將其轉換成只能對象,然后用選取工具選中它,Ctrl+C然后Ctrl+N,打開新建的透明背景后,Ctrl+V即可將相應的圖層快速粘貼過去。此方法可以切透明的不規則圖片。
    查看全部
  • psd還原html要保證px為偶數,切圖,作圖區域及圖片盡量用偶數 不能讓內聯元素和塊級元素處于同意層次,所以a初始化display:block。 按alt鍵可以選中5項然后空格一起更改class為item li*5>a按tab鍵即可5項列表 public-container有高度所以要加浮動clearfloat 不常更新的圖片,如網站的logo,可以作背景,而需要經常更換的圖片,需要用img標簽展示
    查看全部
  • 前期規范 思路很好,值得借鑒
    查看全部
  • 使用margin負值裁剪
    查看全部
    0 采集 收起 來源:menu

    2017-04-11

  • public-container居中容器
    查看全部

舉報

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
您的移動學習伙伴

公眾號

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

友情提示:

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