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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • 行内元素之间会产生间隙bug问题的场景: 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。 如下代码: <div> <a>1</a> <a>2</a> <span>33333</span> <span>44444</span> <em>555555</em> </div> 解决方法: 1、写在一行,之间不要有空格之类的符号。 <div> <a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em> </div> 2、使用font-size:0 div{font-size:0;} a,span,em{font-size:16px;} 网上还有很多有趣的方法可解决这个bug感兴趣的小伙伴们快去搜索一下吧。
    查看全部
  • 语义化明白每个标签的用途 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。
    查看全部
    0 采集 收起

    2014-12-22

  • 创建表格的四个元素:table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 6、表格中列的个数,取决于一行中数据单元格的个数。 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2018-03-22

  • <pre>标签:预格式化文本,常用于显示大段代码
    查看全部
    0 采集 收起

    2018-03-22

  • <code>标签:加入一行代码,不适用于多行代码
    查看全部
    0 采集 收起

    2018-03-22

  • <address>标签:地址信息,默认斜体
    查看全部
    0 采集 收起

    2018-03-22

  • <hr />标签:水平横线,默认灰色粗一点的水平线
    查看全部
  • &nbsp;表示一个空格(注意分号)
    查看全部
  • <br />标签:换行 html代码会忽略输入的回车和空格,需要使用标签
    查看全部
  • 注释代码:/*注释语句*/
    查看全部
  • css样式由选择符和申明组成,而申明又是有属性和值组成,p{font-size:12px;color:red;}
    查看全部
  • 第一步:用<span></span>把需要标记的内容包含起来; 第二部:写入下列代码,<style type="text/css"> span{color:blue; } </style>
    查看全部
  • <ul><li>标签用来显示列表信息 无前后顺序 <li>标签前面自带圆点
    查看全部
    0 采集 收起

    2018-03-22

  • css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码: <p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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