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

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

從 psd 到 html

黑白豬 Web前端工程師
難度初級
時長 1小時51分
學習人數
綜合評分9.63
432人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • IE瀏覽器就愛錯位。。。
    查看全部
    0 采集 收起 來源:兼容1

    2017-08-23

  • 盒子模型寫在前面
    查看全部
  • 先寫整體布局 不建議給ID class與ID的命名,盡量不用拼音 中劃線與下劃線 駝峰命名法 代碼規范 居中容器 居中效果 margin 0 auto
    查看全部
  • 樣式文件和初始化 1新建三個css文件,分別命名為reset、common、indexs 2在html文件建立三個css文件的外鏈 3通過reset.css文件對一些樣式初始化,如margin,padding問題或者a標簽的下劃線以及等等 審視 頭部 尾部 公共區域 logo 列表
    查看全部
  • 一:三種css樣式:重置樣式,公共樣式(一系列頁面共用),獨立樣式(本頁單獨使用) 二:1.body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,input,fore,a,p,textarea的padding、margin、font-family初始化。 2、li、ul、ol的list-style。 3、a的text-decoration、display 4、img的border、display 5、clearfloat{zoom:1;} 清除浮動
    查看全部
  • 哪里有什么天才,我只是把別人睡覺的時間用在了工作上。除非你能躺著賺錢,否則就別賴在床上。 --蒼老師
    查看全部
  • 可以用一些hack技術兼容IE低版本,如*margin-top:15px;只有IE能讀取,當行內對不齊時可采用,border-radius等CSS3屬性可以用圖片代替
    查看全部
    0 采集 收起 來源:兼容2

    2017-07-21

  • 真正意義上的inline-block水平呈現的元素間,換行顯示或空格分隔的情況下會有間距,可用font-size:0;來清除
    查看全部
    0 采集 收起 來源:主體pannel結構

    2017-07-21

  • 小技巧為方便li元素排列時內外邊距影響浮動,可在居中固定的盒子上overflow:hidden,在ul上width相應增加
    查看全部
    0 采集 收起 來源:menu

    2017-07-21

  • 一些顏色較單調的背景盡量用css代替圖片,可用border屬性制作三角,偽元素覆蓋等
    查看全部
    0 采集 收起 來源:menu

    2017-07-21

  • 規范: 1塊級元素下的同級元素最好都是內聯元素或塊元素; 2最大化頁面的靈活性:不常換的圖片用css背景,常換的用img標簽;文字部分統一內聯樣式,方便修改時自適應寬度及定位; 3不建議直接對li、span這些常用標簽定義樣式,最好添加class后處理 4HTML結構保持整體性,由外向內,字體顏色等一般定義在外層元素上
    查看全部
    0 采集 收起 來源:menu

    2017-07-21

  • css文件:reset\common\index(文件名樣式)
    查看全部
  • Css和html代碼配合 Css命名和html標簽結構應用 如何用好Photoshop去審視一個設計稿 瀏覽器兼容性
    查看全部
  • (1) 快、穩、效果好 (2) 例如公共頭、尾、菜單項 (3) 所有的css文件最后會合并成一個css文件、偶數像素、帶著后端的思維去寫代碼、帶著產品、設計的眼光去看問題 (4) icon可以用css屬性寫出來,更巧妙。網上有很多方法。 (5) 全局用public,局部用index、footer、header、body等,用三級命名,中劃線命名 (6) 作為一個優秀前端,不單要知道其然更要知其所以然,如CSS在IE7下的Hack處理。
    查看全部
    0 采集 收起 來源:總結

    2017-07-15

  • IE7下, 問題一:float-right換行。三種方法。 i. 把浮動的元素放到未浮動的元素前面。(文檔的普通流中的塊框在浮動框渲染之后會表現得就像浮動框不存在一樣。)推薦這種方法。(需要更改HTML結構,無需添加額外樣式代碼) ii. 用絕對定位替換掉浮動定位(需要處理絕對定位脫離文檔流帶來的影響) iii. 同一行的元素都使用浮動。(需要添加額外類名、樣式) iii. 同一行的元素都使用浮動。(需要添加額外類名、樣式) 問題二:偽類下,出現兼容問題。
    查看全部
    0 采集 收起 來源:兼容1

    2017-07-15

舉報

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

公眾號

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

友情提示:

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