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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 包含(后代)选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;} 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 分隔的横线 <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
    查看全部
  • <table> </table>是表格开始和结束 <tbody></tbody>用法类似<body> <th></th>相当于标题 <tr></tr>行数,5对tr标签就表示有5行 <td></td>在行数里显示的列数,有多少对td标签就表示有多少列
    查看全部
    0 采集 收起

    2018-03-22

  • 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。
    查看全部
  • 类和ID选择器的区别 相同点:可以应用于任何元素 不同点:1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。例如: 我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span> 这是对的。 我还是一个<span id="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个<span id="stress">勇气</span> 这是错的。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。例如: .stress{color:red;} .bigsize{font-size:25px;} <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p> 这是对的。 #stressid{color:red;} #bigsizeid{font-size:25px;} <p>到了<span id="stressid bigsizeid">三年级</span>下学期时,我们班上了一节公开课...</p> 这是错的。
    查看全部
  • 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 右侧代码编辑器中就是一个ID选择符的完整实例。
    查看全部
    0 采集 收起

    2018-03-22

  • 类选择器在css样式编码中是最常用到的 语法: .类选器名称{css样式代码;} 注意:1、英文圆点开头。2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法:第一步:使用合适的标签把要修饰的内容标记起来,如: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • 1、没有内容的标签就是空标签,只要写一个开始标签就可以了。空标签有:<br/>、<hr/>、<img/> 2、HTML中忽略空格和回车。
    查看全部
  • 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码:p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。
    查看全部
  • 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。
    查看全部
  • 1】<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 2】图像可以是GIF,PNG,JPEG格式的图像文件 3】alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本
    查看全部
    0 采集 收起

    2018-03-22

  • 因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。 但注意上面所总结的优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下,什么是权值呢?在后面的9-2小节中会讲解到。
    查看全部
    0 采集 收起

    2018-03-22

  • 1】<a>链接Email地址功能: <a href="mailto:email地址?cc=抄送人&bcc=秘密抄送人&subject=邮件主题&body=邮件内容"></a>
    查看全部
    0 采集 收起

    2018-03-22

  • <q></q>不是加双引号,是用来引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

  • <span>标签没有语义,作用就是为了设置单独的样式。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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