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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 流动(Flow)是默认的网页布局模式. 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%
    查看全部
  • <div id="版块名称">…</div>为div版块添加一个id
    查看全部
    0 采集 收起

    2018-03-22

  • 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)
    查看全部
  • 语法: <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例: 下面是一个热点课程下载排行榜: <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol> <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始,如下图所示:
    查看全部
    0 采集 收起

    2018-03-22

  • 在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 语法: <div>…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 如果上下填充一样为10px,左右一样为20px,可以这么写: div{padding:10px 20px;}
    查看全部
  • 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例: <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul> ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:
    查看全部
    0 采集 收起

    2018-03-22

  • ol-li有序列表 格式: <ol> <li> </li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • ul-li无序列表。 格式: <ul> <li> </li> </ul>
    查看全部
    0 采集 收起

    2018-03-22

  • <pre>代码段</pre> 在网页中显式代码段(区别<code></code>)。 该标签的主要作用:预格式化文本。被包围在pre元素中的文本通常会保留空格和换行符。
    查看全部
    0 采集 收起

    2018-03-22

  • 盒子模型 内填充 padding 框内到内容距离 外边距 margin 两个盒子模型的距离 边框 border
    查看全部
  • form表单中的label标签
    查看全部
  • form表单中的label标签 当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 <label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
    查看全部
  • <code>代码</code> 在网页中显示代码,但是代码只能为一行。 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。
    查看全部
    0 采集 收起

    2018-03-22

  • inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部

举报

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

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