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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
    查看全部
    0 采集 收起

    2018-03-22

  • 在新建浏览器窗口中打开链接: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 类和ID选择器 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。 <span id="stressid bigsizeid">三年级</span> #bigsizeid{ font-size:25px; }
    查看全部
  • <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <table summary="(可选)摘要信息"> <caption>(可选)标题信息</caption> <th>...</th> <th>...</th> ... <tr> <td>...</td> <td>...</td> ... </tr> ... </table>
    查看全部
    0 采集 收起

    2018-03-22

  • font:12px/1.5em "宋体",sans-serif; 字号 行间距 中文字体 英文字体。
    查看全部
    0 采集 收起

    2018-03-22

  • 参照定位的元素必须加入position:relative 定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了
    查看全部
  • >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 把一些标签放进<div>里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一个身份证号是唯一的。 语法:<div id="版块名称">…</div> 我的理解: <div>标签将凌乱的代码整理为一个个盒子,但是盒子本身是没有标签的。如果把网页看成一个大仓库,里面的内容就是存放在这个仓库中的内容,div标签将东西装箱,看起来整洁不少。但是当仓库里有成百上千个盒子的时候,你就不好找东西了。id 就相当于给这些盒子贴上了名字,这样的话,你要找东西,看看盒子上的id就知道盒子里是什么了。
    查看全部
    0 采集 收起

    2018-03-22

  • id选择符 #setGreen{ color:green; } <span id="setGreen">公开课</span>
    查看全部
    0 采集 收起

    2018-03-22

  • 类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • 创建表格的四个元素: 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>:表格的头部的一个单元格,表格表头。
    查看全部
    0 采集 收起

    2018-03-22

  • 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
    查看全部

举报

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

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