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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <table summary="">意思是表格摘要,但不显示于浏览页面中 table, tr, td,th{border:1px solid #000;}加上逗号,表示一个个的标签选择器,如果不加逗号,表示table标签下的tr标签,tr标签下的td,依次类推。
    查看全部
    0 采集 收起

    2018-03-22

  • <style>标签只能放在<head>标签里面
    查看全部
    0 采集 收起

    2018-03-22

  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 <label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
    查看全部
  • Table表格在没有添加css样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框
    查看全部
    0 采集 收起

    2014-12-15

  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 伪类选择器,最常用的即 a:hover{color:red;} hover即鼠标滑过时显示状态。
    查看全部
  • 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色: * {color:red;}
    查看全部
  • 重置按钮:使输入框恢复到初始状态。只需要把type设置为"reset"就可以。 <input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用 value:按钮上显示的文字
    查看全部
  • 提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮。 <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用
    查看全部
  • <img src = "myimage.gif" alt = "My Image" title = "My Image" /> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • 子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素(就是第一层标签的内容)。如右侧代码编辑器中的代码(注意是选择最靠前的子元素): .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。 包含后代选择器则是使用空格,选择子元素下所有元素。
    查看全部
  • 类选器: .类选器名称{css样式代码;} 如:.ok{color:red}(注意前面有个点,后面引用时不需要) 然后再使用:<span class="ok">即可调用前文定义样式。 ID选择器类似,不过定义时用#xxx而类选择用.xxx 调用时用id=XXX,而类选择用class=XXX, 不同点: 1.ID只能调用一次,而类选择可以在同一个HTML中无数次用。 2.ID只能定义一个样式,而类选择可以定义多个,如 .a{color:red} .b{font-size:22px} 调用时可以写<span class="a b">
    查看全部
  • 下拉列表框进行多选 在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

  • 三种CSS样式优先顺序: 相同权值:就近原则。 内联式 > 嵌入式 > 外部式. 不同权值: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码: p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
    查看全部
    0 采集 收起

    2018-03-22

  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 语法: <label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
    查看全部

举报

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

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