login頁面實現,ps切片,瀏覽器兼容 上次已經設計好了login頁面了,這次就主要講login頁面的div+css的實現。這里主要涉及到兩個問題。 1,怎么切片? 2,怎么合理的構造頁面,才能足夠的兼容和代碼清晰。 先講切片:(切片我不知道大家是怎么切的,有的人好像是直接整 ...
ps div css打造藍色后台 做到兼容主流瀏覽器 如何設計一個頁面 如何切片才能更好的配合實現 如何考慮兼容性 如何用div css做后台的百分比布局 Login頁面設計 先在photoshop中進行設計 ,打開ps,新建 px px 打開圖層面板,解鎖雙擊背景圖層,解鎖,並命名為:背景層 ,新建一個文件夾:命名為色系,在里面新建一個圖層,確定頁面要用到的顏色。如圖: 左邊:漸變:點擊前景色: ...
2012-07-23 00:54 14 7208 推薦指數:
login頁面實現,ps切片,瀏覽器兼容 上次已經設計好了login頁面了,這次就主要講login頁面的div+css的實現。這里主要涉及到兩個問題。 1,怎么切片? 2,怎么合理的構造頁面,才能足夠的兼容和代碼清晰。 先講切片:(切片我不知道大家是怎么切的,有的人好像是直接整 ...
……………………………. 演示: http://www.websjy.com/club/websj ... _61040268/index.htm http://www.webs ...
-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit瀏覽器*/ -ms ...
在很多網站都見過這樣的箭頭,之前我一直以為是圖片,直到今天才知道原來可以用css做。開始看代碼沒太看懂,后來自己試了幾遍才恍然大悟。貼出來分享下。(大神請直接忽略) 先看代碼: HTML部分就是一個單純的div。 咋一看我確實沒明白原因。(看懂的后面可以忽略) ********************************************************** ...
參考自:https://blog.csdn.net/var_dz/article/details/78963012 ...
CSS命名規則 頭:header 內容:content/containe 尾:footer 導航:nav 側欄:sidebar 欄目:column 頁面外圍控制整體布局寬度:wrapper 左右中:left right center 登錄條 ...
css代碼: ...
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #login { display:none; border ...