为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 提交按钮 <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • Float布局:设置元素浮动就可以让两个块状元素并排显示 div{ width:200px; height:200px; border:2px red solid; float:left; } <div id="div1"></div> <div id="div2"></div> div{ width:200px; height:200px; border:2px red solid; float:right; } <div id="div1"></div> <div id="div2"></div> div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;} <div id="div1"></div> <div id="div2"></div>
    查看全部
  • 流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。 第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)
    查看全部
  • CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)
    查看全部
  • 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

  • <hr/>放在结尾,添加水平线。
    查看全部
  • 使用单选框、复选框,让用户选择 <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序ASP、PHP使用 4、checked:当设置checked="checked"时,该选项被默认选中 注意:同一组的单选按钮,name取值一定要一致,比如图第11行、13行代码为同一个名称“sex”,这样同一组的单选按钮才可以起到单选的作用。
    查看全部
  • span标签用来组合网页行内元素的属性修改,为单独的内容设置单独的属性
    查看全部
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”
    查看全部
  • 代码解释label的作用: <body> <form> 你对什么运动感兴趣:<br/> <input type="checkbox" name="box1" id="manpao" />慢跑 <br /> <label for="dengshan">登山</label> <input type="checkbox" name="box2" id="dengshan" /> <br /> <label for="lanqiu">篮球</label> <input type="checkbox" name="box3" id="lanqiu" > </form> </body>
    查看全部
  • 文本域和placeholder能一起使用吗?
    查看全部
  • <body> <form> <label>你对什么运动感兴趣:<label><br/> <label for="manpao">慢跑</label> <input type="checkbox" name="box1" id="manpao" /> <br /> <label for="dengshan">登山</label> <input type="checkbox" name="box2" id="dengshan" /> <br /> <label for="lanqiu">篮球</label> <input type="checkbox" name="box3" id="lanqiu" > </form> </body>
    查看全部
  • <body> <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> <input type="submit" value="确定" /> <input type="reset" value="重置" /> </form> </body>
    查看全部
  • <body> <form method="post" action="save.php"> <label for="myName">姓名:</label> <input type="text" value=" " name="myName " /> <input type="submit" value="提交" name="submitBtn" /> </form> </body>
    查看全部
  • 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!