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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • qqd
    使用下拉列表框进行多选 在<select>标签中设置multiple="multiple"属性, 语法: <select mutiple="mutiple"></select> 进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

  • qqd
    使用下拉列表框,节省空间 <body> <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书" (1、value:提交的值;)>看书 (即网页中显示的值)</option> <option value="旅游" selected="selected" >旅游</option> (2、selected="selected":设置selected="selected"属性,则该选项就被默认选中。) <option value="运动">运动</option> <option value="购物">购物</option> </select> </form>
    查看全部
  • qqd
    使用单选框、复选框,让用户选择 语法: <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 取值一定要一致.
    查看全部
  • 字体缩写。 例子: 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; } 注意: 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用:只是有字号、行间距、中文字体、英文字体设置。 body{ font:12px/1.5em "宋体",sans-serif; }
    查看全部
    0 采集 收起

    2018-03-22

  • 语法: <input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用
    查看全部
  • 颜色值缩写。 颜色的css样式也是可以缩写的。当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。 例子1:p{color:#000000;}可以缩写为:p{color: #000;} 例子2:p{color: #336699;}可以缩写为:p{color: #369;}
    查看全部
    0 采集 收起

    2014-12-30

  • <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用
    查看全部
  • 盒模型代码简写。 外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同,如下面代码:margin:10px 10px 10px 10px; 可缩写为:margin:10px; 2、如果top和bottom值相同、left和 right的值相同,如下面代码:margin:10px 20px 10px 20px; 可缩写为:margin:10px 20px; 3、如果left和right的值相同,如下面代码:margin:10px 20px 30px 20px; 可缩写为:margin:10px 20px 30px; 注意:padding、border的缩写方法和margin是一致的。
    查看全部
    0 采集 收起

    2014-12-30

  • qqd
    文本域,支持多行文本输入 语法: <form><lable>……</lable> <textarea rows="行数" cols="列数">文本</textarea></form>
    查看全部
  • 下拉框多选功能 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。如下代码: <form action="save.php" method="post" > <label>爱好:</label> <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form>
    查看全部
    0 采集 收起

    2018-03-22

  • qqd
    文本输入框、密码输入框 语法: <form> <input type="text/password" name="名称" value="文本" /> 1、type:当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用) </form>
    查看全部
  • qqd
    注意: 所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上哦!)。 语法: <form method="get/post"(传送方式) action="服务器文件"(浏览者输入的数据传送到的地方)> 示例: <label for="username">用户名:</label> <input type="text" name="username" id="username" value="" /> <label for="pass">密码:</label> <input type="password" name="pass" id="pass" value="" /> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset"/>
    查看全部
  • Relative与Absolute组合使用 必须遵守下面规范: 1、参照定位的元素必须是相对定位元素的前辈元素: 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
  • 层模型--固定定位。 fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。
    查看全部
  • 层模型--相对定位。 position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。
    查看全部

举报

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

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