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

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

從 psd 到 html

黑白豬 Web前端工程師
難度初級
時長 1小時51分
學習人數
綜合評分9.63
432人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 翻墻工具方法

    查看全部
    0 采集 收起 來源:課程介紹

    2022-01-13

  • 我的筆記特別希望能學習
    查看全部
    0 采集 收起 來源:課程介紹

    2021-04-25

  • 為避免窗口縮小時,背景圖出現滾動條。
    .index-banner-bg {
    ? ?overflow: hidden; ?
    }

    查看全部
    0 采集 收起 來源:banner

    2021-03-09

  • vertical-align:middle; 行內居中

    查看全部
    0 采集 收起 來源:banner

    2021-03-09

  • 在html中使用img的,一般是比較常變動的圖像,因為你后端傳的數據到前端頁面必須使用Img顯示,而使用background的一般寫在css中,屬于不常變動的。

    查看全部
    0 采集 收起 來源:banner

    2021-03-09

  • http://img1.sycdn.imooc.com//6047960e0001fda814901152.jpgmargin用法

    查看全部
    0 采集 收起 來源:banner

    2021-03-09

  • 1.把盒子模型的css樣式寫在前面(css書寫的順序規則)<br>
    2.Photoshop 將對象框選為智能對象后,ctrl+c --> ctrl+n --> ctrl+v。如果通過切圖的方式可以能會切不好圖片的邊邊角角。
    3.在h1>a 情況下,a連接沒有點擊效果。可以將h1的寬高、背景圖,設置到a鏈接上。
    4.如果顏色的值為#ffffff,這種重復的,可以省略寫法#fff,這樣可以省寬帶。
    5.行高是怎么計算的??line-height:1.8; 去張鑫旭 博客。
    6.去掉最后一個margin-right,通過:last-child偽類去掉。但是注意兼容性問題。

    查看全部
  • 對指定圖層切片:選中圖層--->右鍵設置“轉換為智能對象”--->用矩形選擇框選取該圖層的范圍--->ctrl+c--->ctrl+n--->在彈出的框中點擊確定--->ctrl+v--->點擊小眼睛隱藏背景--->存儲為web格式

    查看全部
  • 6666
    查看全部
    0 采集 收起 來源:圖片庫

    2021-03-09

  • li*5 ;連續5個li標簽

    li*5>a ;連續5個帶有<a>標簽的li標簽

    li*5.a ;連續5個class為a的標簽

    按住alt按鍵 可以實現多行同時修改同樣的東西

    查看全部
  • 1 ?index ?英語釋義是索引,指示,標志,在這里是 首頁 的意思,老師開始不是寫了三個樣式表嘛,reset.css(清除網頁中默認樣式)common.css(公共樣式,就是說一個網站會有很多網頁,這些網頁一起使用這些樣式)index.css(首頁的樣式)
    2 ?banner ?英語解釋是 ?橫幅 ?在本節課中就是導航下面的圖片部分
    3 panel ?英語解釋是 ?面板,就是 展示區下面那幾個版塊
    用這些單詞是為了標簽語義化。一個作用是讓人看到這些標簽就明白div中放的是什么內容,另一個作用是為了方便搜索引擎查找。 ?其他的語義化標簽有:
    頭 ? header
    內容:content/container
    尾:footer
    導航:nav
    側欄:slidebar
    欄目:column
    頁面外圍
    控制整體布局寬度:wrapper
    左中右 ? left right center
    登陸條:loginbar
    標志:logo
    廣告: banner
    廣告主體:main
    熱點:hot
    新聞:news
    下載:download
    子導航:subnav
    菜單:menu
    子菜單:submenu
    搜索:search
    友情鏈接:friendlink
    版權:copyright
    滾動:scroll
    標簽頁:tab
    文章列表:list
    提示信息:msg
    小技巧:tips
    欄目標題:title
    加入:joinus
    指南:guide
    服務:service
    注冊:register
    狀態:status
    投票:voat
    合作伙伴:partner

    查看全部
  • 觀察局部內容中有哪些是通用的

    查看全部
    0 采集 收起 來源:總結

    2020-10-26

  • 將PSD原圖的里的元素保存下來,可以把對象圖層“轉換為智能對象”,然后選中圖層讓其產生選框,先按Ctrl + c復制,再按Ctrl + n創建文件,這時創建的文件規格和圖層的選框規格一致。

    如果要保存的元素沒有單獨圖層,則可以直接畫選框,再按Ctrl + c賦值和Ctrl + n創建文件。

    查看全部
  • 在Photoshop中,按“H”鍵可以切換到“抓手工具”

    查看全部
首頁上一頁1234567下一頁尾頁

舉報

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

公眾號

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

友情提示:

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