《使用HTML CSS開發商業站點》內部測試機試題

2021-10-24 11:28:44 字數 829 閱讀 8613

《使用html+css開發商業站點》內部測試機試題

一、語言和環境

a、實現語言

hmtl、css

b、環境要求

webstorm 10.0.3、chrome、photoshop

二、功能要求

本次測試卷由下面4個機試題目組成。

注:題目中的顏色和邊距使用ps自行測量即可;

(1)編寫**實現唯品會導航,如下圖所示效果

(2)寫出為父級新增 clearfix 偽類來清除浮動的**

編寫**實現京東輪播圖布局,如下圖所示效果

編寫**實現小公尺產品展示,如下圖所示效果

需求說明。

1)不能使用浮動實現

2)滑鼠經過每個列表項時,列表項顯示陰影效果

需求說明。

1)使用浮動實現

2)使用偽類清除浮動

需求說明。

1)左右指示符初始狀態隱藏,滑鼠移上之後,左右指示符顯示

需求說明。

1) 當滑鼠移動上每個產品時,完成如圖第三個產品的效果,整個產品新增乙個陰影並且在y軸方向上移動2px,這個動畫的是不延遲,經過0.2s,以勻速的方式過渡完成

2)當滑鼠移動到每個產品上時,當前產品的會發生放大效果,大小為原來的1.2倍,這個動畫的是不延遲,經過0.4s,以勻速的方式過渡完成

四、注意事項

1、 請注意**格式規範,縮排符合要求

2、 請注意命名符合規範,主要**必須有注釋

使用HTML語言和CSS3開發商業站點

一 html5基礎 1.html5檔案的基本結構包括玩野宣告 玩野基本資訊 網頁頭部和頁面主體等。2.網頁基本標籤包括標題標籤 段落標籤 水平線標籤 換行標籤 等。3.插入影象是使用標籤,要求src和alt屬性必選。4.超連結標籤用於建立頁面間的導航鏈結,鏈結可分為頁面間鏈結 錨鏈結 功能性鏈結。二...

使用HTLM語言和CSS開發商業站點的初步感想

一 前期主要學會使用html語言和css開發商業站點側重於靜態 的製作,本次主要學習分為三個階段 即使用html編輯網頁,使用div 盒子模型 css布局並製作網頁和製作商業網頁進行綜合訓練.第一階段 使用htlm編輯網頁,講解常用的html標籤,這一階段主要考察熟練使用html標籤搭建網頁框架的能...

開發商的忽悠詞典

偏遠地段 遠離鬧市喧囂,盡享靜謐人生 郊區鄉鎮 回歸自然,享受田園風光 緊鄰鬧市 坐擁城市繁華 挨著臭水溝 絕版水岸名邸,上風上水 挖個水池子 東方威尼斯,演繹浪漫風情 地勢高 視野開闊,俯瞰全城 地勢低窪 私屬領地,冬暖夏涼 樓頂是圓的 巴洛克風格 樓頂是尖的 哥德式風格 戶型很爛 個性化戶型設計...