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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 有序标签 <ol> <li>我的第一个列表信息。</li> <li>我的第一个列表信息。</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • 段落排版--缩进 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: p{text-indent:2em;} <p>1922年的春天,一个想要成名名叫尼克卡拉威(托比?马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p> 注意:2em的意思就是文字的2倍大小。
    查看全部
    0 采集 收起

    2018-03-22

  • 上图中的原价上的删除线使用下面代码就可以实现: .oldPrice{text-decoration:line-through;}
    查看全部
    0 采集 收起

    2018-03-22

  • <h1></h1>就是标题标签 <p></p>是段落标签 图片链接<img src="1.jpg">
    查看全部
    0 采集 收起

    2018-03-22

  • 重要性 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 如下代码: p{color:red!important;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面 这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加
    查看全部
  • 网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现,如下面代码: h1{ letter-spacing:50px; }
    查看全部
    0 采集 收起

    2018-03-22

  • 设置段落行间距为1.5倍。 p{line-height:1.5em;}
    查看全部
    0 采集 收起

    2018-03-22

  • 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: p{text-indent:2em;}
    查看全部
    0 采集 收起

    2018-03-22

  • File not found.
    查看全部
  • 原价上的删除线使用下面代码就可以实现: .oldPrice{text-decoration:line-through;}
    查看全部
    1 采集 收起

    2018-03-22

  • 实现文字以斜体样式在浏览器中显示: p{font-style:italic;}
    查看全部
  • <html> <head>...</head> <body>...</body> </html>
    查看全部
  • form表单中的label标签 小伙们,你们在前面学习表单各种控件的时候有没有发现一个标签--label,这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 语法: <label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 <label for="male">男</label>
    查看全部
  • 重置表单:<input type="reset" value="重置" name="resetbtn"> type:只有当type值设置为reset时,按钮才有重置作用 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>重置按钮</title> </head> <body> <form action="save.php" method="post" > <label>爱好:</label> <select>
    查看全部
  • 在表单中有两种按钮可以使用,分别为:提交按钮、重置 type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部

举报

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

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