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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。如下代码: <p>以这个<span>例子</span>为例。</p> css: p{font-size:14px} span{font-size:0.8em;} ​ p{font-size:12px;line-height:130%} 设置行高(行间距)为字体的130%(12 * 1.3 = 15.6px)。
    查看全部
    0 采集 收起

    2018-03-22

  • 为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。
    查看全部
    0 采集 收起

    2018-03-22

  • 内联元素:也叫行内元素,块状元素也可通过display:inline属性设置为内联元素,当成内联元素使用 特点:1.和其他元素都在一行上; 2.元素的高度、宽度、行高及顶部和底部边距不可设置; 3.元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • display:inline-block; 对于块状元素无效
    查看全部
  • <ol> <li>信息</li> <li>信息</li> ...... </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • 如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,如下图所示。这类信息展示就可以使用<ol>标签来制作有序列表来展示。
    查看全部
    0 采集 收起

    2018-03-22

  • 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例: <img src = "myimage.gif" alt = "My Image" title = "My Image" /> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • 内联元素间隔的解决方案来源:http://www.imooc.com/wiki/view?pid=138 行内元素之间会产生间隙bug问题的场景: 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。 如下代码: <div> <a>1</a> <a>2</a> <span>33333</span> <span>44444</span> <em>555555</em> </div> 解决方法: 1、写在一行,之间不要有空格之类的符号。 <div> <a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em> </div> 2、使用font-size:0 div{font-size:0;} a,span,em{font-size:16px;}
    查看全部
  • 在新建浏览器窗口中打开链接 <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <code>代码语言</code> 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • <address>北京市西城区德外大街10号</address>
    查看全部
    0 采集 收起

    2018-03-22

  • 块装元素特点:1.dispaly:block可将元素显示为块状 2.每个块级元素都从新的一行开始,并且其后的元素也另起一行 3.元素的高度、宽度、行高以及顶和底边距都可设置。 4.元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定 一个宽度。
    查看全部
  • <hr />加一些用于分隔的横线
    查看全部
  • <a href=mailto:邮件地址?subject=&body=&">发送</a> 记住第一个用?,后面用&隔开。
    查看全部
    0 采集 收起

    2018-03-22

  • 盒模型--边框(二) 现在有一个问题,如果有想为p标签单独设置下边框,而其它三边都不设置边框样式怎么办呢?css样式中允许只为一个方向的边框设置样式: div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置: border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;
    查看全部

举报

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

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