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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 语法: <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 在上面的例子中可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入<br>签,空格需要输入&nbsp;
    查看全部
    0 采集 收起

    2018-03-22

  • <code>代码语言</code> 注:如果是多行代码,可以使用<pre>标签
    查看全部
    0 采集 收起

    2018-03-22

  • 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
    查看全部
    0 采集 收起

    2015-01-22

  • 在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 语法: <div>…</div> 确定逻辑部分: 什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。 定义和用法 <div> 可定义文档中的分区或节(division/section)。 <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。 如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。 用法 <div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。 不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。 可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。 提示和注释: 注释:<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。 提示:请使用 <div> 元素来组合块级元素,这样就可以使用样式对它们进行格式化。 ★ div标签可以以类或ID附加css样式 1.类 <div class="***">……</div> 如 <div > <h3>This is a header</h3> <p>This is a paragraph.</p> </div> 2.ID <div id="***">……</div> 如果用id附加,那么css中应该首先创建这个ID: 如: #abc .font { font-family: Verdana, "宋体"; color: #FF00CC; } 其中abc就是id 可以在abc这个id下建立很多css属性,这样所有在<div id="***">……</div>这个标签中的内容将遵循abc这个id下的css属性。
    查看全部
    0 采集 收起

    2018-03-22

  • 多行计算机专用代码使用<pre>预排版
    查看全部
    0 采集 收起

    2018-03-22

  • code是为在网页中显示计算机专用代码的,但是只能用于一行的显示
    查看全部
    0 采集 收起

    2015-01-20

  • 每个图层能够精确定位操作,但在网页设计领域,由于网页大小的活动性,层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的 CSS定义了一组定位(positioning)属性来支持层布局模型。 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • 设置元素浮动可div{ width:200px; height:200px; border:2px red solid; float:left(right); } <div id="div1"></div> <div id="div2"></div>以让两个块状元素并排显示 ## #div1{float:left;} #div2{float:right;}
    查看全部
  • 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • <ol>标签用来制作有序列表展示 语法: <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例: 下面是一个热点课程下载排行榜: <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol> <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始. ※详见<ul>标签学习笔记。
    查看全部
    0 采集 收起

    2018-03-22

  • 浏览器对blockquote标签解析是缩进样式的
    查看全部
    0 采集 收起

    2015-01-20

  • q标签是对短文本的引用 blockquote是对长文本的引用
    查看全部
    0 采集 收起

    2015-01-20

  • <ul> 标签与</ol>标签 无序列表与有序列表 <ul> 标签定义无序列表。<ol> 标签定义有序列表。 <li> 标签 定义和用法 <li> 标签定义列表项目。 <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 语法: <ol> <li>信息</li> <li>信息</li> ...... </ol> 实例 <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
    查看全部
    0 采集 收起

    2018-03-22

  • 在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)
    查看全部
  • 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 语法: <address>地址信息</address>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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