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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • .first{color:green}为第一段设置了字体绿色,<span>作为子元素,继承了这个绿色,权值为0.1(继承的权值是最低的);当后面设置span{color:pink}这条语句后,此处span标签的权值为1,按照高权值的选择方式,浏览器选择实现span{color:pink}这个CSS样式。
    查看全部
  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上 语法:<label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
    查看全部
  • 使用重置按钮,重置表单信息 语法:<input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置 value:按钮上显示的文字
    查看全部
  • 使用提交按钮,提交数据 语法:<input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • 使用下拉列表框进行多选 在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。 语法:<select multiple="multiple">……</select>
    查看全部
    0 采集 收起

    2018-03-22

  • 使用下拉列表框,节省空间 <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游"selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> 1、value:<option value ="向服务器提交的值">显示的值</option> 2、selected="selected":设置selected="selected"属性,则该选项就被默认选中。
    查看全部
  • 使用单选框、复选框 语法:<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取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。
    查看全部
  • 、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。
    查看全部
    0 采集 收起

    2014-12-10

  • 1、参照定位的元素必须是相对定位元素的前辈元素: <div id="box1"><!--参照定位的元素--> <div id="box2">相对参照元素进行定位</div><!--相对定位元素--> </div> 从上面代码可以看出box1是box2的父元素(父元素当然也是前辈元素了)。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了(这里注意参照物就可以不是浏览器了,而可以自由设置了)。
    查看全部
  • fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; }
    查看全部
  • 1】<address></address>:显示地址信息 2】默认样式:斜体,且转到下一行,独占一行
    查看全部
    0 采集 收起

    2018-03-22

  • <body> <table summary="">表格摘要 </table> </body>
    查看全部
    0 采集 收起

    2018-03-22

  • <style type="text/css"> table tr td,th{border:1px solid #000;}边框像素为1 颜色黑色 </style> 整个标签都嵌套在<head>中
    查看全部
    0 采集 收起

    2018-03-22

  • <style type="text/css"> table tr td,th{border:1px solid #000;}(边框像素为1,颜色为黑色) </style> 放在<head>标签中
    查看全部
    0 采集 收起

    2018-03-22

  • 字体缩写 网页中的字体css样式代码也有他自己的缩写方式,下面是给网页设置字体的代码: 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

举报

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

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