Html+Css

大家都知道Web網(wǎng)頁是有結(jié)構(gòu)標(biāo)準(zhǔn)（HTML標(biāo)準(zhǔn)） 樣式標(biāo)準(zhǔn)（CSS標(biāo)準(zhǔn)） 行為標(biāo)準(zhǔn)(JS標(biāo)準(zhǔn))三部分組成。本篇文章講的是HTML和CSS，HTML（英文Hyper Text Markup Language的縮寫）中文譯為 “超文本標(biāo)記語言” ，通過標(biāo)簽對(duì)網(wǎng)頁中的文本、圖片、聲音等元素進(jìn)行描述。CSS 樣式表 或 層疊樣式表，用于 設(shè)置 頁面中的文本（字體、大小、對(duì)齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。
如果你想從零基礎(chǔ)學(xué)習(xí)Web那就跟著我一起學(xué)習(xí)吧！

案例地址: https://github.com/pengjunshan/WebPJS/HtmlCss

其它Web文章
CSS基礎(chǔ)學(xué)習(xí)之第二章
CSS浮動(dòng)的使用和解決浮動(dòng)的五種方法
CSS定位relative、absolute、fixed使用總結(jié)
原生開發(fā)WebApi知識(shí)點(diǎn)總結(jié)
開發(fā)中常用jQuery知識(shí)點(diǎn)總結(jié)
C3動(dòng)畫+H5+Flex布局使用總結(jié)
ES6常用知識(shí)總結(jié)
Vue學(xué)習(xí)知識(shí)總結(jié)
開發(fā)環(huán)境到生產(chǎn)環(huán)境配置webpack
待續(xù)......

本編文章會(huì)講到的知識(shí)點(diǎn)

• 表格table
• 表單標(biāo)簽
• CSS字體樣式屬性
• 選擇器
• CSS外觀屬性

表格table

1.table用于定義一個(gè)表格。
2.tr 用于定義表格中的一行，必須嵌套在 table 標(biāo)簽中，幾對(duì) tr 就有幾行。
3.td 用于定義表格中的單元格，必須嵌套在 tr 標(biāo)簽中，一對(duì) tr 中幾對(duì) td，就表示該行中有多少列

表格屬性：

• 表格邊框： border
• 單元格 與 單元格 間隙： cellspacing
• 單元格內(nèi) 內(nèi)容 與 邊框的 間距： cellpadding
• 表格寬度高度： width height
• 表格對(duì)齊方式align： left right center

使用表格，可劃分 表格頭部、主體部分，使用表格結(jié)構(gòu)更具語義，結(jié)構(gòu)更清晰：

• <thead></thead>：用于定義表格的頭部。必須位于table標(biāo)簽中
• <tbody></tbody>：用于定義表格的主體。必須位于table標(biāo)簽中
• caption 用于 表格標(biāo)題，必須寫在 table 標(biāo)簽內(nèi)，用于概括表格內(nèi)容。

合并單元格（難點(diǎn)）：

• 跨行合并：rowspan ，留住合并的單元格中，最上面的，刪除其他
• 跨列合并：colspan，留住合并的單元格中，最左邊的，刪除其他

案例：

<table width="500" height="500" border="1" cellspacing="0" cellpadding="10" align="center">
            <caption>2017年 摩托羅拉 銷售記錄表</caption>
            <thead>
                <tr>
                    <th>業(yè)務(wù)員</th>
                    <th>銷售額</th>
                    <th>部門總計(jì)</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>霉超瘋</td>
                    <td>100</td>
                    <td rowspan="3">600</td>
                </tr>
                <tr>
                    <td>鍋盡</td>
                    <td>200</td>
                </tr>
                <tr>
                    <td>黃蓉</td>
                    <td>300</td>
                </tr>
                <tr>
                    <td>評(píng)語：</td>
                    <td colspan="2">恩！干的不錯(cuò)！周末吃火鍋！</td>
                </tr>
            </tbody>
        </table>

表單標(biāo)簽（掌握）

也叫表單元素。指 文本輸入框、密碼輸入框、復(fù)選框、提交按鈕、重置按鈕等 控件。一個(gè)完整的表單，應(yīng)該由 表單控件 提示信息，表單域 三部分組成

input 控件(重點(diǎn))：

type類型分別有哪些？

• 文本輸入框： text
• 密碼輸入框： password
• 單選框： radio
• 復(fù)選框： checkbox
• 普通按鈕： button
• 提交按鈕： submit
• 重置按鈕： reset
• 圖像形式的提交按鈕：image
• 文件上傳控件：file

input屬性有哪些？

• placeholder 提示文本
• value 屬性規(guī)定輸入字段的初始值
• readonly 屬性規(guī)定輸入字段為只讀（不能修改）
• disabled 屬性規(guī)定輸入字段是禁用的。被禁用的元素是不可用和不可點(diǎn)擊的。被禁用的元素不會(huì)被提交。
• maxlength 屬性規(guī)定輸入字段允許的最大長(zhǎng)度
• size 屬性規(guī)定輸入字段的尺寸（以字符計(jì)）
• ......

代碼案例：

<form action="#">
                <!-- type 值為 text 表示 文本輸入框 -->
        <!-- name 屬性用于表單提交 -->
        <!-- placeholder 提示文本 -->
        用戶名:<input type="text" name="username"  placeholder="請(qǐng)輸入用戶名">
        用戶名:<input type="text" name="username" placeholder="請(qǐng)輸入用戶名"  value="123" maxlength="6"> <br>
            <!-- type:password 密碼框 -->

        <!-- maxlength 最大輸入字符數(shù) -->
        密　碼:<input type="password" name="password" value="123456" maxlength="6"> <br>
        <!-- radio 表示 單選框 -->
        <!-- name屬性 可以給 單選框 分組 -->
        性別：
        <!-- checked 只關(guān)心有沒有，不關(guān)心是什么 -->
        <input type="radio" name="gender" checked > 男  
        <input type="radio" name="gender"> 女
        <input type="radio"> 未知 <br>
        興趣愛好：
        <input type="checkbox" name='hobby' checked> 籃球
        <input type="checkbox" name='hobby' checked> 排球
        <input type="checkbox" name='hobby' checked> 羽毛球 <br><br>
        <!-- button  表示 按鈕 -->
        <input type="button" value="你好，我是按鈕"> 
        <!-- submit 提交按鈕 -->
        <input type="submit" value="我要提交"> 
        <!-- reset 重置按鈕 -->
        <input type="reset" value="重置按鈕"> <br><br><br>
        <!-- image 圖片提交按鈕 -->
        <input type="image" src="im.jpg"> <br>
        <!-- 文件上傳 -->
        <input type="file" >
    </form>

textarea控件(文本域-了解)

extarea用于創(chuàng)建多行文本輸入框,他的屬性 cols 和 rows 可以調(diào)整寬高，但是兼容性很差，且不準(zhǔn)確，可以設(shè)置CSS，通過 width height控制寬高。

<textarea cols="每行中的字符數(shù)" rows="顯示的行數(shù)">
  文本內(nèi)容
</textarea>
    <textarea cols="10" rows="5" placeholder="請(qǐng)輸入內(nèi)容"></textarea>

下拉菜單

使用select控件定義下拉菜單

• <select</select>中至少應(yīng)包含一對(duì)<option></option>
• 在option 中定義selected屬性時(shí)，當(dāng)前項(xiàng)默認(rèn)選中

    <select>
        <option value="1">你好</option>
        <option value="2">你好1</option>
        <option value="3">你好2</option>
        <option value="4">你好3</option>
        <option value="5">你好4</option>
    </select>

fieldset（了解）

fieldset 可將表單內(nèi)的相關(guān)元素分組,<legend> 標(biāo)簽可以為 fieldset 元素定義標(biāo)題。

<form>
  <fieldset>
    <legend>人員信息</legend>
    姓名：<input type="text" />
    年齡：<input type="text" />
  </fieldset>
  <fieldset>
    <legend>身體信息</legend>
    身高: <input type="text" />
    體重: <input type="text" />
  </fieldset>
</form>

HTML5新增語義標(biāo)簽

• header：定義文檔的頭部
• nav：定義導(dǎo)航鏈接的部分
• footer：定義文檔的底部
• article：定義文章內(nèi)容
• section：定義文檔中的區(qū)塊

• aside：一般用作側(cè)欄

  
  
  h5新標(biāo)簽.png

datalist(了解)

datalist 定義選項(xiàng)列表，表示數(shù)據(jù)源，頁面中不可見。配合 input 使用。input 通過在 list 屬性中寫datalist的 id 進(jìn)行關(guān)聯(lián)

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="BYD">
  <option value="SL">
</datalist>

HTML5新增的type屬性值（了解）

<form action="13_html5語義化標(biāo)簽.html">
            <!-- type=email 會(huì)對(duì)輸入的內(nèi)容進(jìn)行 郵箱格式驗(yàn)證 -->
            郵箱:  <input type="email" >  <br>
            <!-- type=number 限制輸入內(nèi)容必須是 數(shù)字 -->
            數(shù)字:  <input type="number" > <br>
            <!-- type=url 限制提交內(nèi)容必須是 網(wǎng)址 -->
            網(wǎng)址:  <input type="url" > <br>
            <!-- type=search 具有搜索框的語義  有可以清空內(nèi)容的效果 -->
            搜索:  <input type="search" ><br>
            <!-- type=range 小滑塊 一般用于 音量調(diào)整，視頻進(jìn)度條 -->
            滑塊:  <input type="range" ><br>

            時(shí)間:  <input type="time" ><br>
            年月日： <input type="date"><br>
            <!-- type month 選月份 -->
            月份:  <input type="month" ><br>
            星期:  <input type="week" ><br>
            <!-- type color 取色板 -->
            顏色:  <input type="color" > <br>
            
            <input type="submit" value="提交"><br>
    </form>

HTML5新增表單新屬性（理解）

dy>
    <form action="13_html5語義化標(biāo)簽.html">

        <!-- placeholder 提示文本 -->
        <!-- autofocus 自動(dòng)聚焦 -->
        姓名：<input type="text" placeholder="請(qǐng)輸入姓名" autofocus>
        
        <!-- multiple 多文件上傳 -->
        <input type="file" multiple>

        <!-- autocomplete 默認(rèn)是開啟的 -->
        用戶名：<input type="text" autocomplete="on" name="username"> <br>
        
        <!-- required 必填項(xiàng) -->
        email:<input type="email" required>

        <input type="submit">

    </form>
    

CSS字體樣式屬性

css樣式規(guī)則.png

注意點(diǎn)：

1. 選擇器 指定作用對(duì)象，花括號(hào)內(nèi) 設(shè)樣式。
2. 屬性和屬性值 是 鍵值對(duì)。
3. 屬性和屬性值 用英文 : 連接。
4. 多個(gè) 鍵值對(duì) 用英文 ; 區(qū)分。

font-size:字號(hào)大小

font-size屬性用于設(shè)置字號(hào)，推薦使用像素單位px。

常見單位如下：

• px 像素，最常用
• em （了解） 相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸，最終轉(zhuǎn)換成px
• rem（了解）相對(duì)于根字體大小，最終轉(zhuǎn)換成px

    p {
            /*font-size: 20px;*/
            /* 如果當(dāng)前字體大小是 16  1em = 16px*/
            font-size: 2em; 
        }
    span {
            font-size: 0.5rem;
        }

font-family:字體

font-family屬性用于設(shè)置字體。網(wǎng)頁中常用的字體有宋體、微軟雅黑、黑體等，例如將網(wǎng)頁中所有段落文本的字體設(shè)置為微軟雅黑，可以使用如下CSS樣式代碼：p{ font-family:"微軟雅黑";}
可以同時(shí)指定多個(gè)字體，中間以逗號(hào)隔開，表示如果瀏覽器不支持第一個(gè)字體，則會(huì)嘗試下一個(gè)，直到找到合適的字體。

常用技巧：

1. 網(wǎng)頁中普遍使用14px+。
2. 盡量用偶數(shù)字號(hào)。ie6奇數(shù)有bug。
3. 字體之間英文逗號(hào)隔開。
4. 如果字體名中包含空格、#、$等符號(hào)，則該字體必須加英文單引號(hào)或雙引號(hào)，例如font-family: "Times New Roman";。
5. 盡量使用系統(tǒng)默認(rèn)字體，保證在任何用戶的瀏覽器中都能正確顯示。

font-weight:字體粗細(xì)

字體加粗除了用 b 和 strong 標(biāo)簽之外，可以使用CSS 來實(shí)現(xiàn),ont-weight屬性用于定義字體的粗細(xì)，其可用屬性值：normal、bold、bolder、lighter、100~900（100的整數(shù)倍）。數(shù)字 400 等價(jià)于 normal，而 700 等價(jià)于 bold。

span {
            font-size: 50px;
            font-weight: bold;
        }

font-style:字體風(fēng)格

字體傾斜除了用 i 和 em 標(biāo)簽之外，可以使用CSS 來實(shí)現(xiàn)，但是CSS 是沒有語義的。
font-style 用于 定義字體風(fēng)格:normal：標(biāo)準(zhǔn)字體（默認(rèn)）、italic：斜體。

font:綜合設(shè)置字體樣式 (重點(diǎn))

font屬性用于對(duì)字體樣式進(jìn)行綜合設(shè)置

選擇器 {font: font-style font-weight font-size/line-height font-family;}

   p{
              font: italic bold 30px/50px "黑體";
        }

注意：

1. 順序不能更換，各個(gè)屬性空格隔開。
2. 必須保留 font-size 和 font-family 屬性，否則font屬性將不起作用
3. 其他不需要設(shè)置的屬性可以省略（取默認(rèn)值）

選擇器（重點(diǎn)）

標(biāo)簽選擇器（元素選擇器）

標(biāo)簽選擇器是指用HTML標(biāo)簽名稱作為選擇器，按標(biāo)簽名稱分類，為頁面一類標(biāo)簽指定統(tǒng)一樣式。

              /* 標(biāo)簽名 { 
             屬性名1：屬性值1;
             屬性2: 屬性值2;
             .....
         }
        */
        p {
            color: red;
            font-size: 20px;
        }

• 優(yōu)點(diǎn)：快速為同類型的標(biāo)簽統(tǒng)一樣式。
• 缺點(diǎn)：不能差異化樣式。

類選擇器

用 “.” 標(biāo)識(shí)，緊跟類名,可以給標(biāo)簽指定多個(gè)類名，達(dá)到選擇目的

        .zs {
            color: deeppink;
        }
        ``````
        <p class="zs">鄭爽</p>

• 類選擇器優(yōu)勢(shì)：可定義 單獨(dú)的樣式，也可定義可復(fù)用的樣式。
• 注意：不要純數(shù)字、中文等命名，不要以數(shù)字開頭，盡量使用英文字母來表示。

id 選擇器

id選擇器使用“#”進(jìn)行標(biāo)識(shí)，后面緊跟id名。id名即為 HTML元素 的 id屬性值，大多數(shù)HTML元素都可以定義id屬性，元素的id值是唯一的，只能對(duì)應(yīng)于文檔中某一個(gè)具體的元素。

                .ss {
                font-size: 50px;
                font-weight: bold;
            } 
            ``````
            <p class="ss" id="ss">id選擇器</p>

id選擇器和類選擇器區(qū)別

• 同一個(gè)頁面，id唯一，class可以多次使用。
• 類選擇器（class）：人的名字， 是可以多次重復(fù)使用的， 比如 張偉 王偉 李偉 李娜
• id選擇器：身份證號(hào)碼， 全中國(guó)是指 id 唯一的， id 名不得重復(fù)

通配符選擇器

通配符選擇器用“*”號(hào)表示，他是所有選擇器中作用范圍最廣的。
作用：匹配頁面中所有的元素。

  /* 
            * 通配符選擇器 可以選中頁面中 所有的標(biāo)簽 
            1. 通配符一般用于 全局統(tǒng)一樣式，進(jìn)行樣式初始化
            2. 還可以清除默認(rèn) 外邊距 和 內(nèi)邊距
        */
        * {
            margin: 0;
            padding: 0;
        }

        * {
            color: red;
            font-family: "黑體";
            border: 1px solid blue;
        }

偽類選擇器

偽類選擇器用于向某些選擇器添加特殊的效果。比如給鏈接添加特殊效果， 比如可以選擇 第1個(gè)，第n個(gè)元素。
為了和類選擇器相區(qū)別，選擇器是一個(gè)點(diǎn) 比如 .demo {} ,偽類 用冒號(hào) 比如 :link{}

鏈接偽類選擇器：

• :link /* 未訪問的鏈接 */
• :visited /* 已訪問的鏈接 */
• :hover /* 鼠標(biāo)懸停起作用 */
• :active /* 鼠標(biāo)點(diǎn)擊時(shí)作用 */

  /* 還沒訪問過的鏈接 */
        a:link{
          color: pink;
          font-size: 40px;
        }

        /* 訪問過的鏈接 */
        /* 
            1. visited 只能設(shè) 顏色, 其他一般不生效 
            2. background-color 設(shè)置給 visited 必須首先有背景顏色
        */
        a:visited {
          color: yellow;
          background-color: red;
          font-size: 60px;  /*  無效的 */
        }

        /* :hover 表示鼠標(biāo)懸停起作用 */
        a:hover {
          color: green;  
          font-size: 60px;
        }
        /* :active 表示鼠標(biāo)點(diǎn)擊時(shí)作用 */
        a:active {
          color: white;
          font-size: 80px;
        }

注意寫的時(shí)候，他們的順序盡量不要顛倒 按照 lvha 的順序。 lv 包 ha 哈哈

結(jié)構(gòu)偽類選擇器（CSS3)

• :first-child :選取屬于其父元素的首個(gè)子元素的指定選擇器
• :last-child :選取屬于其父元素的最后一個(gè)子元素的指定選擇器
• :nth-child(n) ： 匹配屬于其父元素的第 N 個(gè)子元素，不論元素的類型
• :nth-last-child(n) ：選擇器匹配屬于其元素的第 N 個(gè)子元素的每個(gè)元素，不論元素的類型，從最后一個(gè)子元素開始計(jì)數(shù)。
  n 可以是數(shù)字、關(guān)鍵詞或公式
• nth-child(even) nth-child(odd) nth-child()

  /* :first-child 
            判斷自己是不是 父容器中的 第一個(gè)孩子 
            是就起作用
        */
        li:first-child {
            color: red;
        }
        /*
            :last-child 
            判斷自己 是不是 父容器中的 最后一個(gè)孩子
            是就起作用
        */
        li:last-child {
            color: pink;
        }
        /*
            :nth-child(n)
            判斷自己 是不是 父容器中的 第 n 個(gè)孩子
            是就起作用
        */
        li:nth-child(3) {
            color: blue;
        }
        li:nth-child(4) {
            color: green;
        }
        /*
            :nth-last-child(n)
            判斷自己 是不是 父容器中的 倒數(shù)第 n 個(gè)孩子
            是就起作用
        */
        li:nth-last-child(2) {
            color: yellow;
        }
  /*
            :nth-child(even)  even 偶數(shù)
            如果自己是 父容器中 第偶數(shù)個(gè)
            就生效
        */
       li:nth-child(even) {
            color: green;
        }

         /*
            :nth-child(odd)  odd 奇數(shù)
            如果自己是 父容器中 第奇數(shù)個(gè)
            就生效
        */
       li:nth-child(odd){
            color: pink;
        }
        
        ``````
        <ul>
            <li class="one">第一個(gè)孩子</li>
            <li>第二個(gè)孩子</li>
            <li>第三個(gè)孩子</li>
            <li>第四個(gè)孩子</li>
            <li>第五個(gè)孩子</li>
            <li>第六個(gè)孩子</li>
            <li>第七個(gè)孩子</li>
            <li>第八個(gè)孩子</li>
        </ul>

目標(biāo)偽類選擇器

:target目標(biāo)偽類選擇器 :選擇器可用于選取當(dāng)前活動(dòng)的目標(biāo)元素 ，#id 被選中,下面這個(gè)案例就是當(dāng)點(diǎn)擊a鏈接跳到h1時(shí)顏色變紅。

 #big-bam-boom:target {
            color: red;
        }
        ``````
        <h1 id="big-bam-boom">Kaplow!</h1>
        <a href="#big-bam-boom">點(diǎn)擊我</a>

CSS外觀屬性

color:文本顏色

color屬性用于定義文本的顏色，其取值方式有如下3種：
1.預(yù)定義的顏色值，如red，green，blue等。
2.十六進(jìn)制，如#FF0000，#FF6600，#29D794等。實(shí)際工作中，十六進(jìn)制是最常用的定義顏色的方式。
3.RGB代碼，如紅色可以表示為rgb(255,0,0)。

line-height:行間距

ne-height屬性用于設(shè)置行間距，就是行與行之間的距離，即字符的垂直間距，一般稱為行高。line-height常用的屬性值單位有三種，分別為像素px，相對(duì)值em和百分比%，實(shí)際工作中使用最多的是像素px。當(dāng)height和line-height的值相同時(shí)，內(nèi)容就會(huì)垂直居中

text-align:水平對(duì)齊方式

text-align屬性用于設(shè)置文本內(nèi)容的水平對(duì)齊，相當(dāng)于html中的align對(duì)齊屬性。其可用屬性值如下：
left：左對(duì)齊（默認(rèn)值）
right：右對(duì)齊
center：居中對(duì)齊

text-indent:首行縮進(jìn)

屬性值可為不同單位的數(shù)值、em字符寬度的倍數(shù)、或相對(duì)于瀏覽器窗口寬度的百分比%，允許使用負(fù)值,建議使用 em 作為設(shè)置單位。1em 就是一個(gè)字的寬度

letter-spacing:字間距

letter-spacing 用于定義 字間距，就是 字符 與 字符 之間的空白。
屬性值可為不同單位的數(shù)值，允許使用負(fù)值，默認(rèn)為normal。

word-spacing:單詞間距

word-spacing 屬性用于定義 單詞之間的間距 ，可為不同單位的數(shù)值，允許使用負(fù)值，默認(rèn)為normal。

顏色半透明

文字顏色到了CSS3我們可以采取半透明的格式了語法格式如下：
color: rgba(r,g,b,a) a 是alpha 透明的意思 取值范圍 0~1之間 color: rgba(0,0,0,0.3)

文字陰影

可以給我們的文字添加陰影效果了 Shadow 影子
text-shadow:水平位置 垂直位置 模糊距離 陰影顏色;

案例

下面這個(gè)案例用到了上面介紹的屬性,然后在瀏覽器中按F12可以查看代碼結(jié)構(gòu)和css樣式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .news {
            width: 800px;
            margin: 0 auto;
        }

        .header {
            height: 90px;
        }
        .title {
            font-size: 25px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-weight: bold;
            font-style: italic;
            font-family: "微軟雅黑";
            text-shadow: 0 0 5px #fff,
                     0 0 20px #fefcc9,
                      10px -10px 30px #feec85,
                       -20px -20px 40px #ffae34, 
                       20px -40px 50px #ec760c,
                        -20px -60px 60px #cd4606, 
                        0 -80px 70px #973716, 
                        10px -90px 80px #451b0e,
                        5px 5px 0px #747272;
        }
        .info {
            font-size: 14px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            text-indent: 0;
        }
        .info_date {
            color: #AABBCC;
        }
        .info_person {
            color: #990000;
            letter-spacing: 3px;
            word-spacing: 10px;
        }

        .content {
            font-size: 14px;
            line-height: 23px;
            margin-top: 15px;
        }

        p {
            text-indent: 2em;
        }

        .content_link {
            color: #3399CF;
        }
    </style>
</head>
<body>
    <div class="news">

        <div class="header">
                <h1 class="title">中乙隊(duì)賽前突然換帥仍勝毅騰 高原黑馬欲阻擊舜天</h1>
                <p class="info">
                    <span class="info_date">2014年07月16日20:11</span> 
                    <span class="info_person">I Love you</span> 
                    <span><a href="#">收藏本文</a></span>
                </p>
        </div>

        <hr>

        <div class="content">
            <p>新浪體育訊　7月16日是燕京啤酒<a href="#" class="content_link">[微博]</a>2014中國(guó)足協(xié)杯第三輪比賽，麗江嘉云昊隊(duì)主場(chǎng)迎戰(zhàn)哈爾濱毅騰隊(duì)的比賽日。然而就在比賽日中午，麗江嘉云昊隊(duì)主帥李虎和另外兩名成員悄然向俱樂部提出了辭呈，并且收拾行囊準(zhǔn)備離開。在這樣的情況下，麗江嘉云昊隊(duì)不得不由此前的教練員楊貴東代理指揮了本場(chǎng)比賽。</p>
            <p>在昨日麗江嘉云昊隊(duì)主帥李虎就缺席了賽前的新聞發(fā)布會(huì)，當(dāng)時(shí)俱樂部給出的解釋是李虎由于身體欠佳，去醫(yī)院接受治療。然而今日李虎出現(xiàn)在俱樂部時(shí)，向記者否認(rèn)了這一說法，并且坦言已經(jīng)向俱樂部提出了辭呈。</p>
            <p>據(jù)記者多方了解的情況，李虎<a href="#" class="content_link">[微博]</a>極其教練組近來在執(zhí)教成績(jī)上承受了不小的壓力，在聯(lián)賽間歇期期間，教練組曾向俱樂部提出能夠多引進(jìn)有實(shí)力的球員補(bǔ)強(qiáng)球隊(duì)，然而由于和俱樂部在投入以及成績(jī)指標(biāo)上的分歧，李虎最終和教練組一起在比賽日辭職。</p>
            <p>這樣的情況并沒有影響到麗江嘉云昊隊(duì)<a href="#" class="content_link">[微博]</a>的隊(duì)員，在比賽中麗江隊(duì)在主場(chǎng)拼的非常兇，在暴雨之中仍然發(fā)揮出了體能充沛的優(yōu)勢(shì)，最終憑借點(diǎn)球擊敗了中超球隊(duì)哈爾濱毅騰，順利晉級(jí)下一輪比賽。根據(jù)中國(guó)足協(xié)杯的賽程，麗江嘉云昊隊(duì)將在本月23日迎戰(zhàn)江蘇舜天隊(duì)。</p>
        </div>

    </div>
    
</body>
</html>

圖片.png