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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 注意: 1. <hr/>标签和<br/>标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。 2. <hr/>标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。
    查看全部
  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • 标签的权值为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,所以可以理解为继承的权值最低。
    查看全部
  • <border>没有继承性
    查看全部
  • !important设置具有最高权值 注意:!important要写在分号的前面
    查看全部
  • target属性,target="_blank"在新页面中打开窗口
    查看全部
    0 采集 收起

    2018-03-22

  • 缩进p{text-indent:2em}文字缩进两个空格
    查看全部
    0 采集 收起

    2014-10-09

  • summary属性给表格添加摘要<caption>标签给表格添加标题 <style type="text/css"> table tr td,th{ border:1px solid #000; }​ <table summary="表格简介"> <caption>表格标题</caption>
    查看全部
    0 采集 收起

    2018-03-22

  • HTML表单(form) <form method="传送方式post、get" action="服务器文件,比如login.php">
    查看全部
  • <style type="text/css"> table tr td,th{border:1px solid #0000;} </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 图片 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件
    查看全部
    0 采集 收起

    2018-03-22

  • 1.使用<a>标签,链接到别一个页面 <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 注意:不要忘记等号!! 2.新窗口打开链接 <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 摘要:(不显示) <table summary="表格简介文本"> 标题:(显示) <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td>
    查看全部
    0 采集 收起

    2018-03-22

  • 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2014-10-09

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

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