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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 1、子选择器: 即大于符号(>),用于选择指定标签元素的第一代子元素。 .food>li{border:1px solid red;} 2、包含选择器: 即加入空格,用于选择指定标签元素下的后辈元素。 .first span{color:red;} 3、通用选择器: 是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素 4、伪类选择符: 它允许给html不存在的标签(标签的某种状态)设置样式。 比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 5、分组选择符: 为html中多个标签元素设置同一个样式时,可以使用分组选择符(,)。 h1,span{color:red;} 区别: ①子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。 ②后代选择器是作用于所有子后代元素。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • <hr />分隔的横线 horizontal rule
    查看全部
  • <img>、<input>标签就是内联块状标签。 inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
  • 在html中,<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素。 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • 在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;}
    查看全部
  • 元素分类--内联元素 在html中,<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从页使用div元素具有内联元素特点。 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。 小伙伴们你们观查一下右侧代码段,有没有发现一个问题,内联元素之间有一个间距问题,1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。 如下代码: <div> <a>1</a> <a>2</a> <span>33333</span> <span>4...
    查看全部
  • 摘要的内容是不在浏览器中显示出来的,是为了让搜索引擎更好的读懂表格内容,也可以使屏幕阅读器更好的帮助特殊用户读取表格的内容
    查看全部
    0 采集 收起

    2015-02-03

  • 要想输入空格,必须写入&nbsp Non-Breaking SPace
    查看全部
  • 为表格添加摘要和标题: 摘要:<table summary="表格简介文本"> 标题:<caption>标题</caption>
    查看全部
    0 采集 收起

    2018-03-22

  • :>作用于元素的第一代后代,空格作用于元素的所有后代。.first span{color:red;}
    查看全部
  • <br />是空标签 break
    查看全部
  • 摘要 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary="表格简介文本"> 标题 用以描述表格内容,标题的显示位置:表格上方。 语法: <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
    查看全部
    0 采集 收起

    2018-03-22

  • 怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。
    查看全部
  • 什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部

举报

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

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