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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色: * {color:red;}
    查看全部
  • 使用ul,添加新闻信息列表 <ul> <li>信息</li> <li>信息</li>
    查看全部
    0 采集 收起

    2018-03-22

  • 使用mailto在网页中链接Email地址: <a href="mailto:收件人邮箱地址?cc=抄送地址&bcc=秘密抄送地址;地址&subject=邮件主题&body=邮件内容">发送</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <q> 标签定义短的引用。 浏览器经常在引用的内容周围添加引号。 <q>Here is a short quotation here is a short quotation</q> 语法: <q>引用文本</q> 它的语义:引用别人的话。不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了) <q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。 1. 在教程的例子中,“庄生晓梦迷蝴蝶。望帝春心托杜鹃。” 这是一句诗歌,出自晚唐诗人李商隐的《锦瑟》 。因为不是作者自己的文字,所以需要使用<q></q>实现引用。 2. 注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。 3. 注意加上<q>标签后,原来文本中的“”需要去掉。 另 <q> 与 <blockquote> 的区别 <q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 使用<pre>标签,加入大段代码 <pre>语言代码段</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • css内定义的宽(width)和高(height),指的是填充以里的内容范围 因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
    查看全部
  • 在介绍语言技术的网站中,必免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子: <code>var i=i+300;</code> 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。
    查看全部
    0 采集 收起

    2018-03-22

  • 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;} 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • <address>标签,为网页加入地址信息.注:地址标签默认的是斜体(ke xiu gai yang shi) 语法: <address>地址信息</address>
    查看全部
    0 采集 收起

    2018-03-22

  • <hr>标签,添加水平横线----分割线。 是一个空标签,所以只有一个开始标签,没有结束标签。
    查看全部
  • 标签选择器 p{ font-size:12px;line-hight:1.6em;}
    查看全部
  • 在新建浏览器窗口中打开链接:<a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • css选择器 选择器{ 样式; }
    查看全部
  • 表格标题:<caption>标题文本</caption> 表格摘要:<table summary="表格简介文本">
    查看全部
    0 采集 收起

    2018-03-22

  • <ol>标签,制作有序列表 <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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