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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 p{color:red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 可见右侧结果窗口中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red; p{border:1px solid red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。
    查看全部
  • 此次课程,让 相对定位在 绝对 定位里面~ 例如 网页视频上的黑色条子的内容介绍就可以这样定位。 使用position:relative来帮忙,但是必须遵守下面规范: <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定位了(这里注意参照物就可以不是浏览器了,而可以自由设置了)。
    查看全部
  • 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本
    查看全部
  • 分组选择符为html中多个标签元素设置同一个样式,如:h1,span{color:red;}h和.first,span{color:green;}
    查看全部
  • 重置按钮语法: <input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用
    查看全部
  • 格式:<a href="mailto:邮件地址?subject=邮件主题&body=邮件内容&cc=抄送地址&bcc=秘密抄送地址"></a> 其中?后的参数都是可选的,并且邮件地址、抄送地址以及秘密抄送地址都可以有多个,地址间用“;”分隔。 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 关键字:subject 主题 ; body 正文内容 cc 抄送地址
    查看全部
    0 采集 收起

    2018-03-22

  • 伪类选择符 它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色:a:hover{color:red;} 到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover :hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,比较常用的还是a:hover的组合。
    查看全部
  • 通用选择器 1.(*)号指定 2.匹配html中所有标签元素
    查看全部
  • 包含(后代)选择器,即加入空格,用于选择指定标签元素下的后辈元素。如:.first span{color:red;} 与子选择器的区别: 1.子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。 2.后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 提交按钮语法: <input type="submit" value="提交"> !:只有当type值设置为submit时,按钮才有提交作用
    查看全部
  • 子选择器(大于符号(>)) 用于选择指定标签元素的第一代子元素,如:food>li{border:1px solid red;}
    查看全部
  • 语义化:合理使用安排标签的位置,使搜索引擎更容易收录,显示效果更好,便于阅读
    查看全部
    0 采集 收起

    2014-11-18

  • 类和ID选择器的区别 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次 2.可以使用类选择器词列表方法为一个元素同时设置多个样式可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)
    查看全部
  • <table summary="表格简介文本"> summary为摘要元素,摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 <caption></caption>用以描述表格内容,标题的显示位置:表格上方。
    查看全部
    1 采集 收起

    2018-03-22

  • <link href="base.css" rel="stylesheet" type="text/css" />后两句是固定写法,以/>结尾。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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