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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 包含(后代)选择器 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 语义化:网页更好的被搜索引擎理解 好处1. 更容易被搜索引擎收录 2. 更容易让屏幕阅读器读出网页内容。 一、学习目标 1、标签的用途 2、标签在浏览器中的默认样式 问题:这句话怎么理解??? 语义化:那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等。
    查看全部
    0 采集 收起

    2015-01-27

  • 子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。
    查看全部
  • <a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感。&body=你好,对此评论有些想法。">发送</a>对此影评有何感想,发送邮件给我
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="#">向报名顾问咨询</a></p> 这行代码<a></a>标签中前一个里有个代码,可以这样吗?学到后面再回头解答。 总结!!! 重点: 1、<head>标签表示文档的头部 描述文档各种属性和信息,包括标题 2、<title>标签表示标题“网页主题”,显示在浏览器选项栏里,不显示在网页的内容中。网页里显示的内容是<body>标签里的内容。 3、代码注释语法是:<!--注释的文字--> 待解答问题: 就是这一节的代码“<a href="#">向报名顾问咨询</a>”点击里面的字会有链接,这个在后面应该有学习要注意。
    查看全部
  • 相对定位:position:relative; 被作用元素在正常文档流中,相对于它以前的位置,使用left、right、top、bottom属性设置相对定位的偏移位置;被作用元素原来的位置保留不动(其他元素是相对被作用元素原来的位置分布的)
    查看全部
  • 代码注释: 语法: <!--注释文字 -->
    查看全部
  • <html></html>:网页根标签,表示网页起止。 <head></head>:头标签,定义网页头部,网页的基本信息,不会再页面上显示出来。 <body></body>:主体标签,包含所见页面的全部。
    查看全部
  • 下面这些标签可用在 head 部分: <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>
    查看全部
  • <head>标签是文档的头部 描述文档各种属性和信息,包括标题 <title></title>标签之间内容是网页标题。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么 见图解 网页里面的标题用<title></title>标签包住着,显示在浏览器上栏的就是标签内的内容
    查看全部
  • 在新建浏览器窗口中打开链接 <a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 绝对定位:position:absolute; 将被作用元素从文档流中拖出来,相对于其最接近的一个具有定位属性的父包含元素,使用left、right、top、bottom属性设置绝对定位;不存在则相对于<html>元素,即浏览器窗口,进行绝对定位
    查看全部
  • 使用<a>标签,链接到别一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型:由position属性支持,像photoshop中的图层一样,对每个图层进行精确定位操作,方便网页的局部布局 三种形式: 绝对定位:position:absolute; 相对定位:position:relative; 固定定位:position:fixed;
    查看全部
  • 浮动模型:float,让块级元素在同一行显示 向左浮动:float:left; 向右浮动:float:right;
    查看全部

举报

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

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