day05

作者: a5033edd03f9 | 来源:发表于2017-11-25 10:56 被阅读0次

今天学了什么

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转义字符

   &nbsp;空格
     &lt;小于号
   &gt;大于号
    &copy; ©
版权有时候用到

今天学会了什么

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转义字符

   &nbsp;空格
     &lt;小于号
   &gt;大于号
    &copy; ©
版权有时候用到

不会什么

          2.给父元素设置伪元素
     :before{
content:'‘”;
display:table
}

相关文章

网友评论

      本文标题:day05

      本文链接:https://www.haomeiwen.com/subject/eonqbxtx.html