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

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

從 psd 到 html

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

已采納回答 / 元豆子
.pic-col-m,.pic-col-s,.pic-col-l都要設置float:left,可以在.pic-col{float:left}

已采納回答 / qq_頖縌乖乄絯_04017281
寫標簽的子標簽屬性要加個空格的,比如 ?.public-header .header-nav{????float:right;}中間的 .之前有個空格

已采納回答 / 慕函數6174751
after就是在后面清除浮動,使后面的元素不受浮動影響;當然你也可以選擇在本元素清除浮動,那就是清除前面元素的浮動;我們制作網頁肯定是從上至下,從前往后吧,一開始就設定好,免的以后做后面時忘了,這樣是不是顯得更有條理。這優與劣還是習慣吧,你覺得怎么好就怎么來,清除浮動的方法不止一種,達到目的就行

已采納回答 / 花森煜米
IE6/7只能通過觸發hasLayout屬性來實現清除浮動、避免容器高度崩塌,而通過zoom:1可以觸發hasLayout。這個是IE老版本瀏覽器本身的問題。<...code...>現代瀏覽器則可以用<...code...>What is haslayou...

最贊回答 / 吱吱叫的老鼠
<...圖片...>你好? 這樣應該可以更加直觀的了解

已采納回答 / heibaimeng
https://pan.baidu.com/s/1i4IQMQL?評論看到 有人存到網盤了,可以下載

已采納回答 / 黑色丶毛衣
首先,在絕對定位中設置了<...code...>此時的文本左邊與圖片的中線對齊這時文字是要往左邊移動而外面距是:margin-left如果設正值,文字就會往右邊移動所以設置為負值

已采納回答 / 田心楓
設計前端都可以學啊

已采納回答 / Kian_
試試讓你的footer的bottom設置為0

已采納回答 / YY胖胖
你可能是沒有清除浮動帶來的影響,可以采用絕對定位做也可以。

已采納回答 / oeasy795100
在ps里,先選中文字圖層,接著用文字工具,就可以看到文字的大小像素。

已采納回答 / King丶賓
你是不是吧文字的div或者a的元素標簽放在圖片的那個div里面啦?你對一下老師的

已采納回答 / SIRIUS599
難道是經驗~一眼就看出來

已采納回答 / 慕粉4281699
<...code...>因為老師命名了一個clearfloat的css樣式,專門清除浮動,可能是經常使用便于添加吧。。

已采納回答 / qq_沐墨兒_0
相當于添加一個空div,利用css的clear:both清除浮動,讓父級div能自動獲取到高度(有些不含包裹屬性的div內部有浮動元素時,父級div的高度會塌陷,不符合實際要求),請參考:after偽類+content 清除浮動的影響http://www.zhangxinxu.com/wordpress/2010/09/after%E4%BC%AA%E7%B1%BBcontent%E5%86%85%E5%AE%B9%E7%94%9F%E6%88%90%E5%B8%B8%E8%A7%81%E5%BA%94%...
課程須知
1、對 html+css 基礎知識已經掌握; 2、會簡單使用 Photoshop; 3、需要一步一步動手做;
老師告訴你能學到什么?
1、獨立完成一個設計稿的轉化; 2、Css從整理到局部的分離; 3、Css命名一些技巧和語義化; 4、Html標簽結構的優化和選擇; 5、PS軟件當中的切圖技巧 6、Css代替部分圖片實現小icon; 7、兼容性處理的方法; 8、和后端配合時注意的事項;

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消