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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • q标签,短文本引用 <q>名言</q> ---显示格式--> "名言"
    查看全部
    0 采集 收起

    2018-03-22

  • 使用span标签为文字设置单独样式 span{color:blue;} <span>内容</span>
    查看全部
    0 采集 收起

    2018-03-22

  • 强调 <em>斜体 <strong>粗体
    查看全部
    0 采集 收起

    2018-03-22

  • <hx>标签,为你的网页添加标题 <body> <h1>一级标题</h1> <h2>二级标题</h2> ... ... <h6>六级标题</h6> </body>
    查看全部
    0 采集 收起

    2018-03-22

  • 在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用<img>标签来插入图片。 语法: <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

  • <p>标签,添加段落
    查看全部
    0 采集 收起

    2018-03-22

  • <body>标签,网页上显示的内容放在这里
    查看全部
    0 采集 收起

    2018-03-22

  • 注意:!important要写在分号的前面 这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式
    查看全部
  • ol、ul和h1、p是平行的,平级元素
    查看全部
  • <q><q/>旳语义为“引用”,表现为加双引号
    查看全部
    0 采集 收起

    2018-03-22

  • 在上节中介绍加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的,可以使用<pre>标签。语法:<pre>语言代码段</pre><pre> 标签的主要作用:预格...
    查看全部
    0 采集 收起

    2018-03-22

  • <em></em>斜体 <strong></strong>加粗 <span></span>对行内元素标记,以便通过样式来格式化他们
    查看全部
    0 采集 收起

    2018-03-22

  • 盒模型--边界 元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码: div{margin:20px 10px 15px 30px;} 也可以分开写: div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; } 如果上右下左的边界都为10px;可以这么写: div{ margin:10px;} 如果上下边界一样为10px,左右一样为20px,可以这么写: div{ margin:10px 20px;} 总结一下:padding和margin的区别,padding在边框里,margin在边框外。
    查看全部
  • 盒模型--填充 元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码: div{padding:20px 10px 15px 30px;} 顺序一定不要搞混。可以分开写上面代码: div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px,左右一样为20px,可以这么写: div{padding:10px 20px;}
    查看全部
  • 认识html标签 让我们通过一个网页的学习,来对html标签有一个初步理解。平常大家说的上网就是浏览各种各式各样的网页,这些网页都是由html标签组成的。下面就是一个简单的网页。效果图如下: 我们来分析一下,这个网页由哪些html标签组成: “勇气”是网页内容文章的标题,<h1></h1>就是标题标签,它在网页上的代码写成<h1>勇气</h1>。 “三年级时...我也没勇气参加。” 是网页中文章的段落,<p></p>是段落标签。它在网页上的代码写成 <p>三年级时...我也没勇气参加。</p> 网页上那张小女生的图片,由img标签来完成的,它在网页上的代码写成<img src="1.jpg"> 网页的完整代码如下图: 总结一下,可以这么说,网页中每一个内容在浏览器中的显示,都要存放到各种标签中。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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