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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <ul>是点,<ol>是数字
    查看全部
    0 采集 收起

    2018-03-22

  • 字体不加粗: font-weight:normal;
    查看全部
  • 元素会启用哪一个CSS样式根据权值高低来判断 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。 p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
    查看全部
  • caption标签,为表格添加标题和摘要 摘要 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性,使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary=”表格简介文本”> 标题 用以描述表格内容,标题的显示位置:表格上方。 语法: <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
    查看全部
    0 采集 收起

    2018-03-22

  • 用css样式,为表格加入边框 <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 为th,td单元格添加粗细为一个象素的黑色边框。
    查看全部
    0 采集 收起

    2018-03-22

  • <q>--</q>为短文本的引用,是一个行内元素,即不会换行。当引用较短文本时直接对该文本使用q 元素即可。而浏览器的会自动为该引用的文本加上双引号。 <blockquote>---</blockquote>为长文本引用,是快级元素,会分段落和换行的。浏览器不会自动为所引用的长文本加双引号的。
    查看全部
    0 采集 收起

    2018-03-22

  • CSS的某些样式具有继承性,它允许应用于某个特定html标签元素,而且应用于其后代。如某种颜色应用于p标签,这个颜色不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 p{color:red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 有一些css样式不具有继承性。如border:1px solid red; p{border:1px solid red;} <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 例子中代码的作用只是给p设置了边框为1像素、红色、实心边框线,而对于子元素span没用起作用
    查看全部
  • table标签---认识网页上的表格 创建表格的四个元素: table、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...<td/>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 6、表格中列的个数,取决于一行中数据单元格的个数。 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2018-03-22

  • html 最重要的作用是搭建文本结构和实现文本语义化。所以<q>标签不是增添双引号而是告诉我们引用比人说话时,应该在html文档中使用<q>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 分组选择符 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 给div命名,使逻辑更加清晰 用id属性来为<div>提供唯一的名称。 语法: <div id="版块名称">…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • div在排版中的作用 <div>标签的作用就相当于一个容器。 语法: <div>…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 子选择器和后代选择器 子:> 后代:空格 子仅作用下一代,后代作用下面所有代
    查看全部
  • 类和ID选择器 额。。。以后用多了再区分吧,感觉尽量用类选择器就不会出错
    查看全部
  • 伪类选择符 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。
    查看全部

举报

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

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