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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 内联式:在html标签中加入一个style属性,然后在后面使用 key:value 的方式来设置属性 外部式:忽略 内部式:其实就是使用 text/css来开始进行设置
    查看全部
    0 采集 收起

    2014-12-07

  • <!--块状元素--> <div></div> <p></p> <h1></h1> <h3></h3> <h6></h6> <ol></ol> <ul>The World Peace</ul> <dl>beauty Heart</dl> <table></table> <address></address> <blockquote></blockquote> <form></form> <!--常用的内联元素--> <a></a> <span></span> <br> <i> <em>spple</em> <stong>Hwllo</stong> <label>NiHao</label> <q>fotuo</q> <var>amto</var> <cite>hurry</cite><!--引用--> <code>goto</code> <!--内联块状元素--> <img> <input type="text">GoHome</input>
    查看全部
  • 元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码: div{margin:20px 10px 15px 30px;}
    查看全部
  • 元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码: div{padding:20px 10px 15px 30px;} 顺序一定不要搞混。
    查看全部
  • 其实也可以通过 p的方式来把p节点围住的文字都变为一个格式。。。这种方式也挺好。 使用span是因为span没有任何的特殊功能,只是为了用来进行选择而使用的。就像我们的DIV这个标签类似。
    查看全部
  • span 作为一个围住文字,然后可以通过CSS来简单的全部标识文字的各种属性。不过,如果要做到差异化,不通话,选择器的选择方式会更加复杂
    查看全部
  • <!-设置版面居中的一种方法-> body{ text-align:center; .div{margin:0 auto;} }
    查看全部
    0 采集 收起

    2018-03-22

  • 列表项长度为什么这么长啊,不明白同学是不是应该看一看标签分类那一小节,li是块状元素,块状元素有一个特点之一:在不设置宽度的情况下,显示为父容器的100%。
    查看全部
  • 盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。 因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 元素的高度也是同理。
    查看全部
  • form表单中的label标签 小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 语法: <label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 其实label标签,就是定义个内容,该内容指向它锁定义的id的那块框框
    查看全部
  • <!-字母间距-> h1{ letter-spacing:50px; } h2{ word-spacing:50px; }
    查看全部
    0 采集 收起

    2018-03-22

  • border-style(边框样式)常见样式有: dashed(虚线)| dotted(点线)| solid(实线)。
    查看全部
  • 就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)
    查看全部
  • <!--段落间距--> p{line-height:2em;}
    查看全部
    0 采集 收起

    2018-03-22

  • inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。 提示:下一小节是用视频动画来讲解css中的盒模型。
    查看全部

举报

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

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