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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 子选择器:即大于符号>:用于选择指定标签元素的第一代子元素。如: .food>li{border:1px solid red;} 使class名为food下的子元素li加入红色实线边框。 .first>span{border:1px solid red;} 使class名为first下的子元素span加入红色实线边框。 <p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span></p> border:加边框
    查看全部
  • 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100
    查看全部
  • img src=&quot;图片地址(jpg,gif,png) title=&quot;图片下载失败时显示文本&quot; alt=&quot;鼠标经过替换文本&quot;
    查看全部
    0 采集 收起

    2018-03-22

  • ul 围堵标签; ol 围堵标签;排序 均与li一起用
    查看全部
    0 采集 收起

    2014-11-29

  • 类和ID选择器的区别: 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。 可以为一个元素同时设多个样式,但只可以用类选择器,不能使用 ID 词列表。 如: .stress{ color:red;} .bigsize{font-size:25px;} <span class="stress bigsize">三年级</span>
    查看全部
  • code 围堵标签;一行代码; pre 围堵标签;添加多行代码;作用:预格式化文本,常用于计算机代码,预保留格式的文本均可用
    查看全部
    0 采集 收起

    2014-11-29

  • ID选择器:类似于类选择器 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是“#”,而不是类选择器签名的点“.” 如: #setgreen{ color:green; } <span id="setgreen"> 公开课</span>
    查看全部
    0 采集 收起

    2018-03-22

  • address 围堵标签,默认斜体(可通过css来调整)
    查看全部
    0 采集 收起

    2014-11-29

  • 为什么我输入的尖括号成这了&lt;&gt;
    查看全部
  • 空标签 &lt;hr/&gt; ,&lt;br/&gt;
    查看全部
  • 咦!为什么我的尖括号是这个样子
    查看全部
    0 采集 收起

    2014-11-29

  • &lt;q短文本引用标签&lt;/q&gt; &lt;blockquote&gt;长文本引用标签&lt;/blockquote&gt;
    查看全部
    0 采集 收起

    2018-03-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、表格中列的个数,取决于一行中数据单元格的个数。
    查看全部
    0 采集 收起

    2018-03-22

  • img src = "myimage.gif" alt = "My Image" title = "My Image" /> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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