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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 内容,padding,border,margin,块级元素,参考W3school
    查看全部
  • display:inline-block;
    查看全部
  • 段落排版--缩进 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现:p{text-indent:2em;} 注意:2em的意思就是文字的2倍大小
    查看全部
    0 采集 收起

    2015-01-17

  • 伪类选择器:针对标签的某种状态设置的样式,但其兼容性不是很好,常用的用a:hover的组合。
    查看全部
  • >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 类选择器可以重复使用,id选择器只可以使用一次。 在单一元素内,类选择器可以设置多个样式,而id选择器不可以这样使用。
    查看全部
  • id选择器:#id名称
    查看全部
    0 采集 收起

    2015-01-17

  • 想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码
    查看全部
    0 采集 收起

    2015-01-17

  • 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现,如下面代码: h1{ letter-spacing:50px; } 如果我想设置英文单词之间的间距呢?可以使用word-spacing来实现。如下代码: h1{ word-spacing:50px; }
    查看全部
    0 采集 收起

    2015-01-17

  • 类选择器:.类名(类名可以随意起,但不能写中文)
    查看全部
  • 这一小节我们来学习一下另一个在段落排版中起重要作用的行间距(行高)属性(line-height),如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}
    查看全部
    0 采集 收起

    2015-01-17

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

    2015-01-17

  • 如果想在网页上设置删除线怎么办 text-decoration:line-through;
    查看全部
    0 采集 收起

    2015-01-17

  • 有些情况下想为文字设置为下划线样式,这样可以在视觉上强调文字,可以使用下面代码来实现: p a{text-decoration:underline;}
    查看全部
    0 采集 收起

    2015-01-17

  • 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。) 现在一般网页喜欢设置“微软雅黑”,如下代码: body{font-family:"Microsoft Yahei";}
    查看全部

举报

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

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