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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 划分逻辑模块 <div id="版块名称">…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 网页展示 无顺序,前面有点: <ul> <li>信息</li> </ul> 有顺序,前面有序号: <ol> <li>信息</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • &nbsp;空格代码: 在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入&nbsp; 语法:&nbsp;
    查看全部
  • <br/>标签:换行 语法: xhtml1.0写法:<br /> html4.01写法:<br> <br/>标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br/>、<hr/>和<img/>。 总结:在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br/>。
    查看全部
  • 方便查找,相当于一个一个盒子,语法形式:<div id="..."></div>
    查看全部
    0 采集 收起

    2018-03-22

  • 什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用<div>标签作为容器。
    查看全部
    0 采集 收起

    2018-03-22

  • <ol>标签来制作有序列表 语法: <ol> <li>信息</li> <li>信息</li> ...... </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="目标网址" (此处应有空格键,否则不能通过)target="_blank">click here!</a>...
    查看全部
    0 采集 收起

    2018-03-22

  • ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul>
    查看全部
    0 采集 收起

    2018-03-22

  • <em>、<strong>、<span>这三个标签总结: 1. <em>标签(浏览器中显示为斜体)和<strong>标签(浏览器中显示为粗体,国内多用此标签表示强调)是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • 对齐方式代码 h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左: h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右: h1{ text-align:right; } <h1>了不起的盖茨比</h1>
    查看全部
    0 采集 收起

    2018-03-22

  • 段落排版--字间距、字母间距 文字间隔、字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现,如下面代码: h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意:这个样式使用在英文单词时,是设置字母与字母之间的间距。 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用word-spacing来实现。如下代码: h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>
    查看全部
    0 采集 收起

    2018-03-22

  • 段落排版--缩进 p{text-indent:2em;}
    查看全部
    0 采集 收起

    2014-10-09

  • 文字排版--删除线 .oldPrice{text-decoration:line-through;}
    查看全部
    0 采集 收起

    2014-10-09

  • 文字排版--下划线p a{text-decoration:underline;}
    查看全部
    0 采集 收起

    2014-10-09

举报

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

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