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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 类选器名称 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}
    查看全部
  • 创建表格的四个元素: table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示 http://img1.sycdn.imooc.com//52d3902b0001142703730239.jpg
    查看全部
    0 采集 收起

    2018-03-22

  • 嵌入式css样式,写在当前的文件中 现在有一任务,把右侧编辑器中的“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短词文字字号修改为18px。如果用上节课我们学习的内联式css样式的方法进行设置将是一件很头疼的事情(为每一个<span>标签加入sytle="font-size:18px"语句),本小节讲解一种新的方法嵌入式css样式来实现这个任务。 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。
    查看全部
    0 采集 收起

    2018-03-22

  • <em></em> 斜体 <strong></strong> 粗体
    查看全部
    0 采集 收起

    2018-03-22

  • 为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称 <div id="版块名称">…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 逻辑部分是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。
    查看全部
    0 采集 收起

    2018-03-22

  • 内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p >这里文字是红色。</p> 注意要写在元素的开始标签里,下面这种写法是错误的: <p>这里文字是红色。</p > 并且css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码: <p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • <!--注释文字 -->
    查看全部
  • 如果想在网页中展示有前后顺序的信息列表可以使用<ol>标签来制作有序列表来展示。 <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始
    查看全部
    0 采集 收起

    2018-03-22

  • <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • ul-li是没有前后顺序的信息列表。 http://www.zuowen.com/e/20130713/51e0a742d81db.shtml http://img1.sycdn.imooc.com//52d3851200012ec503870284.jpg
    查看全部
    0 采集 收起

    2015-02-02

  • <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 <pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
    查看全部
    0 采集 收起

    2018-03-22

  • 当代码为一行代码时,你就可以使用<code>标签了 如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 在浏览器上显示的样式为斜体
    查看全部
    0 采集 收起

    2018-03-22

  • CSS注释代码 就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。就像下面代码: /*设置段落默认格式*/ p{ font-size:12px; color:red; }
    查看全部

举报

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

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