整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
017年11月16日，久游網(wǎng)將攜正版敢達IP游戲《機動戰(zhàn)士敢達OL》出現(xiàn)在2017GTL武漢總決賽現(xiàn)場！屆時GTL比賽主舞臺將打破次元壁，為各位玩家呈現(xiàn)一個宏大的敢達世界。
GTL聯(lián)賽，全稱技嘉TOP聯(lián)盟高校電子競技，是技嘉金牌主板發(fā)起主辦的全國高校競技聯(lián)賽，作為高校玩家自己的聯(lián)賽，整個賽事的執(zhí)行將由技嘉Top聯(lián)盟成員同學(xué)完成，旨在激發(fā)高校學(xué)生的賽事組織潛能，營造良好的高校體育競技氛圍，展現(xiàn)高校學(xué)生的競技風(fēng)采，同時通過技嘉Top聯(lián)盟實現(xiàn)全國高校學(xué)生的互動交流。如今GTL已經(jīng)覆蓋全國超過1000所大中院校，成為全國高校最受歡迎，最具人氣的全國高校電競盛會。
在本次2017GTL武漢總決賽上，《機動戰(zhàn)士敢達OL》的頂尖機師玩家們將在這里展開一場巔峰表演賽，向各位敢達粉絲展示游戲中的精彩對決。表演賽將以6V6局地戰(zhàn)的開打，將高手間的操作發(fā)揮對決發(fā)揮到極致，讓所有人都能觀賞到一場最為淋漓盡致的視覺盛宴。
據(jù)悉，游戲現(xiàn)在已經(jīng)進行到了”逆襲的夏亞”新版本，“沙扎比”“ν敢達”等耳熟能詳?shù)母疫_系列機體已悄然上線。作為一款擁有正版敢達IP，多種類型上百臺機體，《機動戰(zhàn)士敢達OL》一直以來都在不斷推陳出新，不斷更新更多的內(nèi)容。而在不久之后，還有全新的機體即將加入到游戲之中。
想知道更多游戲詳情的玩家，請進入游戲官網(wǎng)（http://ms.9you.com）,或在11月16日晚親臨武漢大學(xué)GTL比賽現(xiàn)場一探究竟吧！
《機動戰(zhàn)士敢達OL》是由日本萬代南夢宮在線研發(fā)，國內(nèi)久游網(wǎng)獨家代理的TPS機甲大作。忠于原著的U.C.時代世界線，豐富的MS機體，多變的戰(zhàn)場局勢，定必讓你猶如親臨敢達對戰(zhàn)的最前線！
《機動戰(zhàn)士敢達OL》官網(wǎng)：http://ms.9you.com/
《機動戰(zhàn)士敢達OL》論壇：http://bbs.9you.com/forum-177-1.html
《機動戰(zhàn)士敢達OL》玩家交流群：424290076
HTML是用來開發(fā)網(wǎng)頁的，它是開發(fā)網(wǎng)頁的語言
全稱HyperText Mark-up Language，超文本標記語言
標記就是標簽
<標簽名稱></標簽名稱> 比如 <html></html> <h1></h1>等，標簽大多數(shù)都是成對出現(xiàn)的。
超文本 兩層含義：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁標題</title>
</head>
<body>
網(wǎng)頁顯示內(nèi)容
</body>
</html>第一行<!DOCTYPE html>是文檔聲明
用來指定頁面所使用的html的版本, 這里聲明的是一個html5的文檔
<html>...</html>標簽是開發(fā)人員在告訴瀏覽器
整個網(wǎng)頁是從<html>這里開始的，到</html>結(jié)束
也就是html文檔的開始和結(jié)束標簽
<head>...</head>標簽用于定義文檔的頭部
是負責(zé)對網(wǎng)頁進行設(shè)置標題、編碼格式以及引入css和js文件的
<body>...</body>標簽是編寫網(wǎng)頁上顯示的內(nèi)容
網(wǎng)頁文件的后綴是.html, 一個html文件就是一個網(wǎng)頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會按照標簽描述內(nèi)容將文件渲染成網(wǎng)頁
VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費、開源的跨平臺代碼編輯器
目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具
下載網(wǎng)址: https://code.visualstudio.com/Download
選擇對應(yīng)的安裝包進行下載:
安裝一切默認
1 標簽不區(qū)分大小寫，但是推薦使用小寫
2 根據(jù)標簽的書寫形式，標簽分為雙標簽(閉合標簽)和單標簽(空標簽) 2.1 雙標簽是指由開始標簽和結(jié)束標簽組成的一對標簽，這種標簽允許嵌套和承載內(nèi)容，比如: div標簽 2.2 單標簽是一個標簽組成，沒有標簽內(nèi)容， 比如: img標簽
標簽的使用形式
列表標簽
網(wǎng)頁效果
表格標簽
<table>標簽：表示一個表格
<tr>標簽：表示表格中的一行
<td>標簽：表示表格中的列
<th>標簽：表示表格中的表頭
屬性設(shè)置
border: 1px solid black:設(shè)置邊框和顏色
border-collapse: collapse:設(shè)置邊框合并
網(wǎng)頁效果
表單標簽
表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
<form>標簽 表示表單標簽，定義整體的表單區(qū)域
一個表單中有很多信息組成,比如 姓名,愛好,地址等,這些內(nèi)容有很多其他標簽來承載
這些標簽稱為表單元素標簽
網(wǎng)頁效果
表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
兩種方式的區(qū)別:
表單元素屬性設(shè)置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--
姓名 type="text" 定義單行文本輸入框
密碼 type="password" 定義密碼輸入框
性別 type="radio" 定義單選框
愛好 type="checkbox" 定義復(fù)選框
照片 type="file" 定義上傳文件
個人描述 <textarea></textarea> 定義多行文本輸入框
地址 <select></select> 定義下拉列表
提交 type="submit" 定義提交按鈕
重置 type="reset" 定義重置按鈕
按鈕 type="button" 定義一個普通按鈕
-->
<form action="http://192.168.1.106:8080" method="POST">
<label>姓名:</label>
<input type="text" name="username" >
<br>
<label>密碼:</label>
<input type="password" name="password">
<br>
<label>性別:</label>
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="0">女
<br>
<label>愛好:</label>
<input type="checkbox" name="like" value="睡覺">睡覺
<input type="checkbox" name="like" value="吃飯">吃飯
<input type="checkbox" name="like" value="打豆豆">打豆豆
<br>
<label>照片:</label>
<input type="file" name="pic">
<br>
<label>個人描述:</label>
<textarea name="desc"></textarea>
<br>
<label>地址:</label>
<select name="addr">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">廣州</option>
<option value="4">深圳</option>
</select>
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="按鈕">
</form>
</body>
</html>
點擊提交：
可以看到服務(wù)器收到了請求報文。
試了阿里、美團與滴滴后，我有了幾個重大發(fā)現(xiàn)…>>>
html標簽是由<>包圍的關(guān)鍵詞 html標簽是成對出現(xiàn)的 有部分標簽是沒有結(jié)束標簽的，叫單標簽， 頁面中所有的內(nèi)容，都是要放在HTML標簽中的
HTML標簽分三部分：
標簽名稱
標簽內(nèi)容
標簽屬性
HTML標簽具有語義化：
語義化就是僅通過標簽名就能判斷出該標簽的內(nèi)容
語義化的作用： 網(wǎng)頁結(jié)構(gòu)層次更清晰 更加容易被搜索出來 更加讓屏幕閱讀器讀出該頁面的內(nèi)容
標簽的內(nèi)容就是在一對標簽內(nèi)部的內(nèi)容 標簽的內(nèi)容可以是其他標簽
class屬性：用于定義元素的類名
id屬性：用于指定元素的唯一id
style屬性：用于指定元素的行內(nèi)樣式
title屬性：用于指定元素的額外信息
accesskey屬性： 用于指定激活元素的快捷鍵
tabindex屬性：用于指定元素在tab鍵下的次序
dir屬性：用于指定元素中內(nèi)容的文本方向，屬性值為ltr 或 rtl，left to right 和 right to left
leng屬性： 用于指定元素內(nèi)容的語言。
onload:在頁面加載結(jié)束之后觸發(fā)
onunload：在用戶從頁面離開時發(fā)生，如點擊跳轉(zhuǎn)，頁面重載，關(guān)閉瀏覽器窗口等。
form：表單事件
onblur：當(dāng)元素失去焦點時觸發(fā)
onchange:在元素的元素值被改變時觸發(fā)
onfocus:當(dāng)元素獲得焦點時觸發(fā)
onreset:當(dāng)表單中的重置按鈕被點擊時
onselect:在元素中文本被選中后觸發(fā)
onsubmit:在提交表單時觸發(fā)
keyboard：鍵盤事件
onkeydown:在用戶按下按鍵時觸發(fā)
onkeypress:在用戶按下按鍵后，按著按鍵時觸發(fā)，該屬性不會對所有按鍵生效
不生效的有：alt, ctrl, shift, esc
onkeyup:當(dāng)用戶釋放按鍵時觸發(fā)
Mouse：鼠標事件
onclick:當(dāng)在元素上發(fā)生鼠標點擊時觸發(fā)
onblclick: 當(dāng)元素上發(fā)生鼠標雙擊時觸發(fā)
onmousedown:當(dāng)元素上按下鼠標按鈕時觸發(fā)
onmousemove:當(dāng)鼠標指針移動到元素上觸發(fā)
onmouseout:當(dāng)元素指針移出元素時觸發(fā)
onmouseover:當(dāng)鼠標指針移動到元素上時觸發(fā)
onmouseup: 當(dāng)在元素上釋放鼠標時觸發(fā)
media:媒體事件
onabort:當(dāng)退出時觸發(fā)
onwaiting:當(dāng)媒體已停止播放但打算繼續(xù)播放時觸發(fā)
文本標簽
段落標簽用來描述一段文字
標題標簽用來描述一個標題
標題標簽總有六級。
用于強調(diào)某些文字的重要性
多媒體標簽
鏈接標簽<a></a> 圖片標簽<img/> 視頻標簽<video></video>
<video src="da.mp4" controls="controls">
音頻標簽<audio></audio>
<audio src="a.mp3"></audio>
列表 無序列表標簽
<ul><li></li></ul>
<li></li>代表無序列表中的每一個元素
有序列表
<ol><li></li></ol>
定義列表<dl></dl> <dt></dt>定義列表中的項目 <dd></dd>描述列表中的項目
<dl> <dt></dt> <dd></dd> <dd></dd> </dl>
表格： 表格標簽<table> 表格的行<tr> 表頭<th> 單元格<td>
表格合并
同一行內(nèi)，合并幾列colspan="2"
同一列內(nèi)，合并幾行rowspan="2"
表單標簽<form>
<form></form>表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端，這樣服務(wù)器端程序就可以處理表單傳過來的數(shù)據(jù)。
<form method="傳送方式" action="服務(wù)器文件">
action:瀏覽者輸入的數(shù)據(jù)被傳送到的地方，比如一個php頁面
method:數(shù)據(jù)傳送的方式
輸入標簽<input>
input name為文本框命名，用于提交表單，后臺接收數(shù)據(jù)用 value為文本輸入框設(shè)置默認值 type通過定義不同的type類型，input的功能有所不同
type功能： text，password，radio，checkbox，file，button，reset，submit，email，url，number，range，date，color
<button>按鈕： button標簽的功能與input按鈕功能相同，button是雙標簽，內(nèi)部可以嵌套其他行內(nèi)元素。
下拉選擇框select
<select> <option value="book"></option> <option value="go" selected="selected"> go </option> <option value="sport"></option> </select>
文本域textarea cols:多行輸入域的列數(shù) rows:多行輸入域的行數(shù)
其他語義化標簽 div盒子 俗稱盒子,division分割
在網(wǎng)頁制作過程中，可以把一些獨立的邏輯部分劃分出來，放在一個div標簽中，這個div標簽的作用就是相當(dāng)于一個容器。
什么是邏輯部分，它是頁面上相互關(guān)聯(lián)的一組的元素，如網(wǎng)頁中的獨立的欄目版塊，就是一個典型的邏輯部分。
網(wǎng)頁頭部header
html5新增語義化標簽，定義網(wǎng)頁的頭部
主要用于布局，分割頁面的結(jié)構(gòu)
底部信息footer
html5新增語義化標簽，定義網(wǎng)頁的底部
主要用于布局，分割頁面的結(jié)構(gòu)
導(dǎo)航nav
html5新增語義化標簽，定義一個導(dǎo)航 主要用于布局，分割頁面的結(jié)構(gòu)
文章article
html5新增語義化標簽，定義一篇文章 主要用于布局，分割頁面的結(jié)構(gòu)
側(cè)壁欄aside
語義化標簽，定義主題內(nèi)容外的信息 主要用于布局，分割頁面的結(jié)構(gòu)
時間標簽time 語義化標簽，定義一個時間
網(wǎng)頁結(jié)構(gòu)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <div> </div> </html>
<!DOCTYPE html>定義文檔類型，告知瀏覽器用哪一種標準解釋HTML。
<html></html>可告知瀏覽器其自身是一個Html文檔。
head定義文檔的頭部 頭部元素title,script,style,link,meta
title定義文檔的標題 link標簽將css樣式文件鏈接到html文件內(nèi)
meta定義文檔的元數(shù)據(jù)
每個網(wǎng)頁都是由不同的功能模塊組成的，因此在將制作網(wǎng)頁的時候，我們要將網(wǎng)頁的每個功能模塊分開
常見多由頭部區(qū)，展示圖片區(qū)域，主題區(qū)域，底部信息區(qū)域組成。
網(wǎng)頁由上到下，由內(nèi)到外
div,header,footer,nav,article,aside等標簽多用于模塊劃分
css全稱為層疊樣式表，它主要用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式，如文字的大小，顏色，字體加粗等。
css代碼通常存放在style標簽內(nèi)
css樣式由選擇符和聲明組成，而聲明由屬性和值組成
選擇符{屬性：值}
選擇符，叫選擇器
css放置 直接書寫在標簽的style屬性中，不建議使用
內(nèi)聯(lián)樣式表 外聯(lián)樣式表
css中的繼承
不可繼承樣式： display,margin,border,padding,background,height,min-height,max-height,width,min-width,max-width,overflow,position,left,right,top,bottom,z-index,float,clear
可以繼承的樣式 letter-spacing,word-spacing,white-space,line-height,color,font,font-family,font-size,font-style,font-variant,font-weight,text-decoration,text-transform,direction,visibility,cursor
選擇器的種類
標簽選擇器 通配符選擇器 屬性選擇器 后代選擇器 一級子元素選擇器 id選擇器 class選擇器 偽類選擇器
選擇某個父元素的直接子元素 后代選擇器是選擇父元素的所有子孫元素，一級子元素原則器只選擇第一級子元素。
:hover鼠標移入某個元素
.box:hover{
color:red;
}
:before在某個元素的前面插入內(nèi)容
div:before{
content: '內(nèi)容';
background-color: yellow;
color: red;
font-weight: bold;
}
:after在某個元素的后面插入內(nèi)容
div:after{
content: '內(nèi)容';
background-color: yellow;
color: red;
font-weight: bold;
}
群組選擇器 可以對多個不同的選擇器設(shè)置相同的樣式
選擇器的優(yōu)先級：
權(quán)重計算方式：
標簽選擇器：1, class選擇器：10, id選擇器：100, 行內(nèi)樣式：100, !important最高級別，提高樣式權(quán)重，擁有最高級別 就近原則
css樣式屬性
background-color background-image background-position 背景圖片不會占位
背景圖片重復(fù)background-repeat
background-repeat: no-repeat no-repeat: 設(shè)置圖像不重復(fù)，常用 round: 自動縮放直到適應(yīng)并填充整個容器 space:以相同的間距平鋪且填充滿整個容器
背景圖片定位 background-attachment
background-attachment:fixed
背景圖像是否固定或者隨著頁面的其余部分滾動
background-attachment的值可以是scroll跟隨滾動，fixed固定。
字體
font-family字體 font-size font-weight: normal,bold,bolder,lighter,100-900(400=normal,700=bold)
color字體顏色
字體斜體font-style normal文本正常顯示 italic文本斜體顯示 oblique文本傾斜顯示
文本屬性 行高line-height 文本水平對齊方式 text-align left,center,right
文本所在行高的垂直對齊方式vertical-align
baseline默認 sub垂直對齊文本的下標 super垂直對齊文本的上標 top對象的頂端與所在容器的頂端對齊 text-top對象的頂端與所在行文字頂端對齊
middle元素對象基于基線垂直對齊 bottom對象的底端與所在行的文字底部對齊 text-bottom對象的底端與所在行文字的底端對齊
文本縮進text-indent text-indent: 2em;
字母之間的間距l(xiāng)etter-spacing
單詞之間的間距word-spacing
文本的大小寫： text-transform
capitalize:文本中的每個單詞以大寫字母開頭 uppercase:定義僅有大寫字母 lowercase:定義僅有小寫字母
文本的修飾text-decoration none默認 underline下劃線 overline上劃線 line-through中線
自動換行word-wrap
word-wrap: break-word;
基本樣式： width height
cursor鼠標樣式： 定義鼠標的樣式cursor:pointer
default:默認 pointer:小手形狀 move:移動形狀
透明度opacity opacity:0.3
可見性：visibillity
visibility: hidden visible 元素可見 hidden 元素不可見
collapse:當(dāng)在表格元素中使用時，此值可刪除一行或一列，不會影響表格的布局。
溢出隱藏overflow
設(shè)置當(dāng)對象的內(nèi)容超過其指定高度以及寬度時如何顯示內(nèi)容
visible默認值，內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外
hidden 內(nèi)容會被修剪，并且其余內(nèi)容是不可見的
scroll內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余內(nèi)容
auto 如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看
邊框顏色： outline
input文本框入框自帶邊框，我們可以通過outline修改邊框
outline: 1px solid #ccc;
outline: none 清除邊框
樣式重置：
一開始沒有css樣式，為了界面美觀，很多元素自帶margin,padding等樣式，但這些樣式在不同瀏覽器的值都是不一樣的，需要將css樣式重置，保證在不同瀏覽器中顯示一致。 清除元素的margin和padding 去掉自帶的列表符 去掉自帶的下劃線
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
