寫了三遍,終於寫成了,感動。。。。。
靜態頁面,主要難在布局,布局效果需要使所有裝置都相容。iphone5和ipadpro...一言難盡。。不過總算真正寫好了。
只用了浮動,然後,柵格化(我自己發明的,就是說分了很多底塊)程度很大,為了防止不同裝置跑偏。
我實現的是這個頁面。
接下來貼上原始碼:
html:
即刻招聘
忻州太原長治
朔州
招聘類別
呵呵恩恩
所屬區域呸恩
發布時間
啦啦哎呀
薦招生 忻州造價工程師培訓_名師執教帶你裝逼帶你飛
忻州優路教育,是一家專注於造價工程師,實戰技術,讓你裝比
個人認證
廣告
招生 忻州造價工程師培訓_名師執教帶你裝逼帶你飛
忻州優路教育,是一家專注於造價工程師,實戰技術,讓你裝比
企業認證
招生 忻州造價工程師培訓_名師執教帶你裝逼帶你飛
忻州優路教育,是一家專注於造價工程師,實戰技術,讓你裝比
招生 忻州造價工程師培訓_名師執教帶你裝逼帶你飛
忻州優路教育,是一家專注於造價工程師,實戰技術,讓你裝比
css:
/*--------------------------公共樣式----------------------------------*/*a
imgselect
/*--------------------------頭部樣式----------------------------------*/
#header
/*--------------------------內容樣式----------------------------------*/
#content
/*--------------------三個元件層------------------------*/
/*背景分配*/
.conponent-bkg
.area-bkg
.search-bkg
.weather-bkg
.area
.search
.searchframe
.searchbutton
.weather
/*----------------------廣告層--------------------------*/
.adv
/*----------------------菜單層--------------------------*/
/*選單項背景分配*/
.menu-bkg
.menu-item-bkg
.menu-item-img
.menu-item-desc
/*---------------------多選器層-------------------------*/
/*選擇器背景分配*/
.select-bkg
.select-item-bkg
.select-item
/*---------------------招募選項層-----------------------*/
/*招募選項背景分配*/
.recruit-bkg
.recruit-item-bkg
.left-bck
.right-top-bck
.right-middle-bck
.right-bottem-bck
.left-img
.right-top-tag1
.right-top-title
.right-middle-desc
.right-bottem-tag2
.right-bottem-tag3
/*--------------------------尾部樣式----------------------------------*/
#footer
.nvg-item-bkg
.nvg-item-img
.nvg-item-desc
還是很有成就感的。。emmmmm。。。
素材
我的第乙個HTML
a 熟讀唐詩三百首,不會作詩也會吟 杜甫李白 君不見黃河之水天上來,奔流到海不復回。君不見高堂明鏡悲白髮,朝如青絲暮成雪。人生得意須盡歡,莫使金樽空對月。天生我材必有用,千金散盡還復來。烹羊宰牛且為樂,會須一飲三百杯。岑夫子,丹丘生,將進酒,君莫停。與君歌一曲,請君為我側耳聽。鐘鼓饌玉不足貴,但願長...
HTML學習之旅(一) 我的第乙個HTML指令碼
首先要了解學習html需要用到哪些東西。1 瀏覽器 1 opera瀏覽器,2 ie瀏覽器,3 火狐瀏覽器,4 google瀏覽器,2 開發工具 notepad 或者windows自帶記事本 然後了解一下html可以做些什麼事,畢竟咱們學習它,總需要知道它能幹啥吧。1 可以設定文字的格式,比如 標題 ...
react的第乙個頁面
2 執行命令 3 了解基本的react組成 react 基本用法 判斷 迴圈 變數 react dom 頁面操作 react script 針對專案命令管理 npm run start 啟動專案 npm run build 打包專案 4 進入lesson21 cd lesson21 6 了解誒專案的...