原创 xx閃購—搜索框和iconfont

1.做搜索框:   <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

原创 做xx閃購網站準備工作

1. 創建文件夾cc ——>cc中 創建 css,img,js 文件夾 與 index.html文件; 2.在 css 文件夾——>創建 文本文檔——> 重命名 爲 style.css 文件; 3.打開 vscode ——>找到 cc 文

原创 HTML基礎知識複習有序 無序 列表

8. meta和 title標籤: <html> <head> <meta charset="utf-8"> <!--meta標籤 charset="utf-8"是萬國碼--> <

原创 HTML——表格的基本樣式

表格在以前用的比較多,之前的表格主要是作面佈局!表格的代碼不好維護不推薦使用! div+css佈局就代替表格! 1.在頁面裏面做表格用——> <table></table>——>在頁面的表格是怎麼定義的——>表格組成元素是行——> <tr

原创 HTML表格的基本樣式作業

1.現在用表格做頁面佈局是否合適,爲什麼? 表格在之前做頁面,但因爲代碼後期不好維護; 現在div+css佈局就代替表格!   2.表格中的tr th td 分別代表什麼意思,是否還有其他標籤可以放在table標籤裏面? tr——>行 t

原创 css的引入方式 和選擇器

html(hyperText markup language) ——>結構; css(cascading style sheet)層疊樣式表——>樣式; javascript ——>行爲; 一.html 引入css 的三種引入方式:

原创 HTML基礎知識複習之標籤

1. 什麼是HTML語言: html hyperText markup language!!! 超文本標記語言 2.標籤 <html></html> 根標籤 <head>用戶看不到的,是給瀏覽器看的</head> <body>是展

原创 xx閃購—主體選項卡

<div class="seckill-nav"> <ul> <li class="active"><em>18:00 </em> <spent>即將開始 距開始 01:25:15

原创 HTML——網頁的佈局

iframe嵌套頁面1.佈局的概念——>把功能劃分成小塊並排列好就叫佈局; 2.在網頁實現功能的小塊——> <div></div>——>div標籤就是一個容器(是用來裝東西的器皿) <!DOCTYPE html> <html lang

原创 xx閃購—logo和分類導航

頭部導航欄包含三部分: 1.logo 2.中間商品的類別 3.搜索框   一.頁面的結構: 1.最外面div包裹着所有內容 高度 和 背景 ——>裏面的div 是控制 寬度 和在 頁面上居中 ——>三個緊挨的三個div 分別包括:logo

原创 CSS連接狀態樣式改變及列表樣式優化

一.通過僞類定義<a>,的四種狀態: 1.初始狀態——>被訪問狀態——>鼠標移動狀態——>點擊狀態; a:link { /*初始狀態*/ } a:visited { /*被訪問狀態*/ } a:hover { /*鼠標移動狀態

原创 循環的作業

1.計算2的n 次冪,n可輸入,n爲自然數; 高人指點的方法: <script type="text/javascript"> var n = parseInt(window.prompt("input"));

原创 HTML基礎知識複習(二)

8. meta和 title標籤: <html> <head> <meta charset="utf-8"> <!--meta標籤 charset="utf-8"是萬國碼--> <

原创 瞭解前端和整個完整的項目

1. 什麼是前端工程師? Front-End-Developer(前端工程師),是將可視化和部分交互功能剝離出來就形成了前端開發。 前端工程師就是用 HTML CSS JavaScript等專業技能和工具,將UI設計的稿實現成 網站產品。

原创 安裝sublime環境和基本使用

1. 在百度中搜索——>sublime 如圖: 2. 下載,如圖: 3.等待下載好,打開如圖:   4.創建新文件,如圖: 5.保存新文件,如圖: 正在上傳…重新上傳取消