我的第乙個html頁面

2021-09-11 18:24:48 字數 2209 閱讀 5209

寫了三遍,終於寫成了,感動。。。。。

靜態頁面,主要難在布局,布局效果需要使所有裝置都相容。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 了解誒專案的...