今天學了什么

1.margin的一點小問題

      給子元素margin-top:父元素移動,子元素不移動
解決方案:

     1.給父元素overflow:hidden;

     2.給父元素設置偽元素
     :before{
content:'‘”;
display:table
}

image.png

     上面的元素的margin-bottom和下面元素的margin-top會重合

image.png

2.絕對路徑和相對路徑

    絕對路徑：從盤符開始的路徑
          <img src="D:/images/down.jpg" alt=""/>

    相對路徑：相對當前文件所在的路徑
同級目錄    src='down.jpg'
下一級目錄 src='images/down.jpg'
上一級目錄 src='../down.jpg'

3.HTML表單相關元素

        <p><label for=“text”>文本</label><input  id="text" type="text"/></p>
登錄框

      <p>
          <label for=“password”>密碼</label><input  id=“password” type="password"/>
    </p>
   密碼框

    <p><input type="submit" value="登錄"/></p>
提交按鈕

    定義和用法

  <label> 標簽為 input 元素定義標注（標記）。

    label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。

     <label> 標簽的 for 屬性應當與相關元素的 id 屬性相同

4單選框

   <p>
        <label for="male">男</label>
         <input id=“male” type=“radio”  name="sex" value="男">
        <label for="female">女</label>
       <input id="female" type="radio" name="sex" value="女"   cheakboxde 默認選女>
</p>

5復合選框

     <p>
        <label>愛好</label>
        <input type="checkbox" name="愛好" value="游泳">游泳
        <input type="checkbox" name="愛好" value="開車">開車
</p>

6下拉選框

    <select>
            <option>洪山區</option>
            <option>青山區</option>
            <option>漢陽區</option>
</select>

7預選的下拉選框

   <select>
            <option>洪山區</option>
            <option selected>青山區</option>  //在想要的option上加selected這個屬性
            <option>漢陽區</option>
</select>

8文本域

    <textarea   placeholder=“請輸入內容"></textarea>

9input

     輸入框   <input type=”text”>

    提交按鈕<input  type=”submit”>

103.8display和visibility的區別

      display:none;
顯示為沒有

    顯示為隱藏

11轉義字符

    空格

     <小于號

   >大于號

    © ?
版權有時候用到

今天學會了什么

1.margin的一點小問題

      給子元素margin-top:父元素移動,子元素不移動
解決方案:

     1.給父元素overflow:hidden;

2.絕對路徑和相對路徑

    絕對路徑：從盤符開始的路徑
          <img src="D:/images/down.jpg" alt=""/>

    相對路徑：相對當前文件所在的路徑
同級目錄    src='down.jpg'
下一級目錄 src='images/down.jpg'
上一級目錄 src='../down.jpg'

3.HTML表單相關元素

        <p><label for=“text”>文本</label><input  id="text" type="text"/></p>
登錄框

      <p>
          <label for=“password”>密碼</label><input  id=“password” type="password"/>
    </p>
   密碼框

    <p><input type="submit" value="登錄"/></p>
提交按鈕

    定義和用法

  <label> 標簽為 input 元素定義標注（標記）。

    label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。

     <label> 標簽的 for 屬性應當與相關元素的 id 屬性相同

4單選框

   <p>
        <label for="male">男</label>
         <input id=“male” type=“radio”  name="sex" value="男">
        <label for="female">女</label>
       <input id="female" type="radio" name="sex" value="女"   cheakboxde 默認選女>
</p>

5復合選框

     <p>
        <label>愛好</label>
        <input type="checkbox" name="愛好" value="游泳">游泳
        <input type="checkbox" name="愛好" value="開車">開車
</p>

6下拉選框

    <select>
            <option>洪山區</option>
            <option>青山區</option>
            <option>漢陽區</option>
</select>

7預選的下拉選框

   <select>
            <option>洪山區</option>
            <option selected>青山區</option>  //在想要的option上加selected這個屬性
            <option>漢陽區</option>
</select>

8文本域

    <textarea   placeholder=“請輸入內容"></textarea>

9input

     輸入框   <input type=”text”>

    提交按鈕<input  type=”submit”>

103.8display和visibility的區別

      display:none;
顯示為沒有

    顯示為隱藏

11轉義字符

    空格

     <小于號

   >大于號

    © ?
版權有時候用到

不會什么

          2.給父元素設置偽元素
     :before{
content:'‘”;
display:table
}