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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 当用户单击该 label 标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 语法: <label for="控件id名称"> 注:标签的 for 属性的值应当与相关控件的 id 属性值一定要相同。 <form> <label for="male">男</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="sex" id="female" /> </form>
    查看全部
  • 重置按钮 语法: <input type="reset" value="重置"> 只是把 type 设置为「reset」即可,其他与「提交」一致。
    查看全部
  • 在表单中有两种按钮可以使用,分别:提交、重置。 提交的语法: <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字 <form> <label for="myName">姓名:</label> <input type="text" value="fuct" name="myName"/> <input type="submit" value="提交" name="submitBtn"/> </form>
    查看全部
  • 子选择器
    查看全部
  • select 的multiple属性,允许选择下拉菜单中的多个值,但是要按住ctrl键才可选多个
    查看全部
    0 采集 收起

    2014-10-29

  • 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2014-10-29

  • <form> <label>爱好:</label> <select multiple="multiple"> <option value="make love">做爱</option> <option value="blow job">口交</option> </select> </form> 在 <select> 标签中设置 multiple="multiple" 属性,就可以实现多选功能,进行多选时按下 Ctrl 键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

  • <form> <label>爱好:</label> <select> <option value="做爱">做爱</option> <option value="后入" selected="selected">后入</option> </select> </form> option value 后面是提交给服务器的「值」,<option></option> 之间的才是显示的值。 设置 selected="selected" 属性:表示这个选项默认被选中。
    查看全部
  • 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
    查看全部
  • <tbody>标签的作用是要求等待表格内容全部下载完了才会显示出来,而不是下载多少显示多少。
    查看全部
    0 采集 收起

    2018-03-22

  • 语法: <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取值一定要一致,这样才可以起到单选的作用。
    查看全部
  • 1.具备盒模型的标签是块级标签:<div><p><ol><ul><h><table> 2.内边距:padding(盒与内容之间的距离,包括padding-top、padding-right、padding-left、padding-bottom) 3.外边距:margin(两盒之间的距离) 4.盒的边框:borde padding-left;padding-right;padding-top;padding-bottom;
    查看全部
  • body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句: body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; 使用这一简写方式你至少要指定 font-size 和 font-family
    查看全部
    0 采集 收起

    2018-03-22

  • 创建表格的四个元素: table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 6、表格中列的
    查看全部
    0 采集 收起

    2018-03-22

  • 关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。 例子1: p{color:#000000;} 可以缩写为: p{color: #000;} 例子2: p{color: #336699;} 可以缩写为: p{color: #369;}
    查看全部
    0 采集 收起

    2014-10-29

举报

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

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