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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • letter-spacing:50px; 字母间距 word-spacing:50px; 单词间距
    查看全部
    0 采集 收起

    2014-12-02

  • p{line-height:2em;}行间距
    查看全部
    0 采集 收起

    2014-12-04

  • 缩进排版 indent p{text-indent:2em;} 注意:2em的意思就是文字的2倍大小。
    查看全部
    0 采集 收起

    2014-12-02

  • {font-decoration:underline;}下划线 {text-decoration:line-through;}删除线
    查看全部
    0 采集 收起

    2014-12-02

  • font-weight:bold 粗体 font-style:italic 斜体
    查看全部
  • body{font-family:"Microsoft Yahei";}
    查看全部
  • 加班中
    查看全部
  • 因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 元素的高度也是同理。
    查看全部
  • 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2014-12-02

  • 元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 段落排版--对齐 想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码,如下代码可实现文本居中显示。(那么什么是块状元素呢?在后面的11-1、11-2小节中会讲到。) 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

  • 段落排版--行间距 这一小节我们来学习一下另一个在段落排版中起重要作用的行间距属性(line-height),如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;} <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • 就近原则
    查看全部
    0 采集 收起

    2014-12-02

  • 优先级:内联式 > 嵌入式 > 外部式
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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