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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <address>标签,为网页加入地址信息 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 语法: <address>地址信息</address> 在浏览器上显示的样式为斜体,
    查看全部
    0 采集 收起

    2018-03-22

  • <div></div>作为一个容器,存放网页元素。使网页上元素之间的关系更明确。
    查看全部
    0 采集 收起

    2018-03-22

  • 为块状元素中的文本、图片设置居中样式: text-align:center; 设置居左:text-align:left; 设置居右:text-align:right;
    查看全部
    0 采集 收起

    2015-01-28

  • fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,
    查看全部
  • 文字间隔、字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现,如下面代码: h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意:这个样式使用在英文单词时,是设置字母与字母之间的间距。 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用word-spacing来实现。如下代码: h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>
    查看全部
    0 采集 收起

    2018-03-22

  • <ol>标签,有序列表
    查看全部
    0 采集 收起

    2018-03-22

  • 另一个在段落排版中起重要作用的行间距(行高)属性(line-height), 如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}
    查看全部
    0 采集 收起

    2015-01-28

  • 段落排版--缩进 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: text-indent:2em; 注意:2em的意思就是文字的2倍大小。
    查看全部
    0 采集 收起

    2015-01-28

  • ul-li是没有前后顺序的信息列表。
    查看全部
    0 采集 收起

    2015-01-28

  • text-decoration:line-through; 设置文字上的删除线
    查看全部
    0 采集 收起

    2015-01-28

  • 为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。
    查看全部
  • text-decoration:underline; 为文字设置为下划线样式
    查看全部
    0 采集 收起

    2015-01-28

  • font-style:italic;文字设置为斜体样式
    查看全部
  • font-weight:bold; 设置文字以粗体样式显示出来。
    查看全部
  • font-size:12px 设置文字的字号为12像素
    查看全部

举报

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

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