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

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

從 psd 到 html

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

已采納回答 / 小敏子的蘋果
因為這個文字是絕對定位是left:50% ?所以就是居中顯示,而且絕對定位的塊是不占文檔流的,也就是沒有寬高,是靠里面的文字內容撐開的。現在這個塊可以看成是居中的一條線,我們的目的是把這個文字圖片(寬776)放進去之后居中,所以圖片就得左右各占(寬除以2)388,使用外邊距-388就可以左右擴張388的距離達到我們目的。

已采納回答 / qq_太陽大人_0
看看img有沒有給它加display:block,或者display:inline-block

已采納回答 / 慕九州8618238
position:relative;是相對于元素本身的位置移動的,如果對一個元素進行相對定位,它將出現在它所在的位置上。然后,可以通過設置垂直或水平位置,讓這個元素“相對于”它的起點進行移動。在這里其父元素是public-header, public-container建立起來后,他有自己的起始位置,relative是根據這個起始位置來居中的。如果沒有relative,默認是static,是移不動的。如果設置成absolute,那么,他原來的位置不保留,且根據祖先的位置,即public-header的位置...

已采納回答 / isu_騰飛
.line是一個行內元素,不可以定義寬高, ?它的寬度只能由內容撐開,在課程里面 .i 元素內容為空,但是我們又想讓他有寬度,以便定義邊框border, 定義為inline 讓它可以定義寬高又可以顯示在一行。

已采納回答 / 彩色的石頭
因為下面有絕對定位,所以要對父級元素用定位

已采納回答 / 慕萊塢9220042
1.重置屬性,統一瀏覽器解析的差異性;2.減少了css的重復代碼、3.用到的CSS或html標簽更加方便準確、?4.統一整個網頁的風格和樣式。

已采納回答 / Tears0_0
<p class="text-info"> ? ?&;i i class="line line-l"&;&l&;/i/i&; ? ? ?&panspan class="txt"&estresto restaurant home page website template&spa/span&? ? ? ?&lasi class="line line-r"&;/i>/i&;/p>/p&dex.index-banner-text{ ? ?position: absolute...

已采納回答 / weff
那個是為了給你看到整體的這塊的大小而加的背景,去掉就可以了

已采納回答 / 慕粉3759934
只添加相對定位,不給偏移值,不會對元素影響。因為這里的banner部分有絕對定位元素,為了給絕對定位元素找干爹(參照物),所以一開始就加了。不加相對定位對居中無影響,加了相對定位不加偏移值也沒影響

已采納回答 / PHP大象3601897
首先打開PSD ?選擇自動選擇圖層 ?轉換為智能對象 ?選框工具框起來 ?ctrl+c 復制 ? ctrl+n 新建 ??

講師回答 / 黑白豬
張鑫旭?http://www.zhangxinxu.com/

已采納回答 / 她與99朵Rose
檢查一下自己的命名是否正確啊,一般情況下不會出現這個問題吧。
課程須知
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
提交
取消