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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。 .food>li{border:1px solid red;} 使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。
    查看全部
  • <address>标签,为网页加入地址信息 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 语法:<address>地址信息</address> 如:<address>北京市西城区德外大街10号</address> 在浏览器上显示的样式为斜体,如果不喜欢斜体,当然可以,可以在后面的课程中使用css样式来修改它<address>标签的默认样式。
    查看全部
    0 采集 收起

    2018-03-22

  • ID选择器只能在文档中使用一次。 可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)
    查看全部
  • <hr>标签,添加水平横线使文章看起来整齐些。 语法: html4.01版本 <hr> xhtml1.0版本 <hr /> 注意: 1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。 3. 大家注意,现在一般使用 xhtml1.0 的版本(其它标签也是),这种版本比较规范。
    查看全部
  • &nbsp和<br>,HTML代码中的空格和回车 使用<br>标签分行 在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 语法: xhtml1.0写法:<br /> html4.01写法:<br> 使用&nbsp;标签添加空格 语法: &nbsp; <br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。 总结:在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。 现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。
    查看全部
  • 做得好,下面我们来了解一下<head>标签的作用。文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分: <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
    查看全部
  • <q>和<blockquote>标签,引用文本 <q>标签,短文本引用 语法:<q>引用文本</q> 讲解:1. 在上面的例子中,“庄生晓梦迷蝴蝶。望帝春心托杜鹃。” 这是一句诗歌,出自晚唐诗人李商隐的《锦瑟》 。因为不是作者自己的文字,所以需要使用<q></q>实现引用。 2. 注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。 注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。 <blockquote>标签,长文本引用 语法:<blockquote>引用文本</blockquote> 浏览器对<blockquote>标签的解析是缩进样式。
    查看全部
    0 采集 收起

    2018-03-22

  • 优先级:内联式>嵌入式>外联式
    查看全部
    0 采集 收起

    2018-03-22

  • 外联式,即把css样式表直接写在另外一个独立的文件里
    查看全部
    0 采集 收起

    2015-01-29

  • 内联式。即把css样式表直接写在html里 <p >变成红色的文本</p>
    查看全部
    0 采集 收起

    2018-03-22

  • 什么是代码注释?代码注释是帮助程序员标注代码的作用,过一段时间后再看你所编写的代码,就能很快想起这段代码的作用。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。 语法: <!--注释文字 --> 例如: <body> <!--在线咨询 begin--> <div> <p>一站式报名咨询、助学答疑服务,无论是报名、选课、学习、做作业、考试、写论文,毕业,这里都有专业老师为你答疑解惑!<a href="#">向报名顾问咨询</a></p> </div> <!--在线咨询 end--> </body>
    查看全部
  • 嵌入式css样式,即把css样式表写在style中 <style type="text/css"> span{ color:blue; } </style>
    查看全部
    0 采集 收起

    2018-03-22

  • <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
    查看全部
  • 文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分: <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>
    查看全部
  • 1. <html></html>称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。 3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
    查看全部

举报

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

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