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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <!-通用选择器,一般在网站基础样式中设置比较多,相当于于一个父类-> * {color:red; font-size:20px; }
    查看全部
  • <!-后代选择器:作用于所有后代-> .food li{ border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/ } <!-直接选择器:作用于相邻的标签的子集-> .food>li{ border:1px solid blue;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/ }
    查看全部
  • /*font-style:italic; *font-variant:small-caps; *font-weight:bold; *font-size:12px; *line-height:1.6em; *font-family:"宋体",sans-serif;*/ 简写: font:italic small-caps bold 12px/1.6em "宋体",sans-serif;
    查看全部
    0 采集 收起

    2018-03-22

  • 创建表格的四个元素: table、tbody、tr、th、td
    查看全部
    0 采集 收起

    2014-12-03

  • 创建表格的四个元素: 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

  • 语法: <div id="版块名称">…</div>
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 参照定位的元素必须加入position:relative; 定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
  • 在介绍语言技术的网站中,必免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子: <code>var i=i+300;</code> 语法: <code>代码语言</code>
    查看全部
    0 采集 收起

    2018-03-22

  • <address>地址信息</address>
    查看全部
    0 采集 收起

    2018-03-22

  • <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • 第三章 1.<ul>无序列 <ol>有序号列 2.排版 <div id="板块名称"> ... </div> 3.制表 <table summary="你就是看不见(简介)">插入表格 <caption>...</caption>添加表格标签 <tbody>下载完再显示 <tr>一行 <th>表头的单元格 <td>单元格 *css为表格加入边框 <style type="text/css"> table tr td,th{border:1px solid #000;} </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 第四章 1.添加链接<a href="目标网址" title="鼠标滑过显示内容" target="_blank"(在新页面中打开)>添加了链接的内容</a> 2.邮件发送(调用outlook等)<a href="mailto:y@imooc.com ? cc=xiaoming@imooc.com & bcc=xiaoyu@imooc.com & subject=主题 & body=邮件内容">发送</a> 3.插入图片 <img src="图片地址" alt="下载失败时 的替换文本" title="提示文本">
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • 伪类选择符:hover 用于给标签的某种状态时添加样式。 它可以放在任意标签上,但要考虑兼容性问题,现在最常用与a标签搭配使用,如:a:hover{color:red} 意思为当鼠标滑过文本时,该文本字体颜色会变为红色。
    查看全部

举报

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

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