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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。 下面的代码是正确的(完整代码见右侧代码编辑器) .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p>
    查看全部
  • 固定定位:position:fixed.本身是固定的,不会随着浏览器窗口滚动而变化。因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。固定背景的运用。
    查看全部
  • 学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
    查看全部
  • 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 右侧代码编辑器中就是一个ID选择符的完整实例。
    查看全部
    0 采集 收起

    2018-03-22

  • 相对定位:opsiton:relative.它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。
    查看全部
  • 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; }
    查看全部
  • <q>标签,短文本引用
    查看全部
    0 采集 收起

    2018-03-22

  • 代码注释:是帮助程序员标注代码的作用。 (过一段时间后再看你所编写的代码,就能很快想起这段代码的作用。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。) 语法: <!--注释文字 --> 例: <!--在线咨询 begin--> <!--在线咨询 end--> ★注释代码是不会在结果窗口中显示出来的。 另: <a href="#">文本内容</a>是应用于超链接的。 <a> 标签定义超链接,用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性,它指示链接的目标。 实例: <a href="http://www.w3school.com.cn">W3School</a>
    查看全部
  • <head>标签的作用: 文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分: <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。 例如: <head> <title>hello world</title> </head> <title>标签的内容“hello world”会在浏览器中的标题栏上显示出来。 ★注意title标签是否在<head></head>之间。
    查看全部
  • 一个HTML文件是有自己固定的结构的。 <html> <head>...</head> <body>...</body> </html> 代码讲解: 1. <html></html>称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。 3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
    查看全部
  • 标签的语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。 2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。 4. HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。 注意: 1、结束标签别忘了加/。 <开始标签>...</结束标签> 2、别忘了,在html中的标签代码可都是成对出现的并且要正确嵌套。 如: <div><p>...</p></div>
    查看全部
  • “勇气”是网页内容文章的标题,<h1></h1>就是标题标签,它在网页上的代码写成<h1>勇气</h1>。 “三年级时...我也没勇气参加。” 是网页中文章的段落,<p></p>是段落标签。它在网页上的代码写成 <p>三年级时...我也没勇气参加。</p> 网页上那张小女生的图片,由img标签来完成的,它在网页上的代码写成<img src="1.jpg"> 在head中,可以加入 <style type="text/css"> h1{ color:#930; text-align:center; } p{ font-size:12px; } </style> 更改标题和正文的颜色,对齐和大小。
    查看全部
    0 采集 收起

    2018-03-22

  • 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。 <head> <style type="text/css"> h1{ font-size:12px; color:#930; text-align:center; } </style> </head> 1.分号;与:号都得在半角及英文状态下输入。 2.每行css代码结尾都要加入;(h1{后不用加,因为它不是一条语句) 3. #930颜色值前面的#号注意不要忘记了。
    查看全部

举报

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

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