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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。 title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。
    查看全部
    0 采集 收起

    2018-03-22

  • <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table> <table summary="表格简介文本">
    查看全部
    0 采集 收起

    2018-03-22

  • 邮箱地址:mailto: 抄送地址:cc= 密件抄送地址:bcc= 多个收件人、抄送、密件抄送人:;(用分号隔开收件人、抄送、密件抄送人的地址来达到多个的目的) 邮件主题:subject= 1.注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 2.语法:<a herf="mailto:yy@imooc.com?cc=xiaoming@imooc.com&bcc=xiaoyu@imooc.com&object=主题&body=邮件内容">发送</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 标签内的属性和属性之间最好有空格....<a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。 title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。
    查看全部
    0 采集 收起

    2018-03-22

  • <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 边框
    查看全部
    0 采集 收起

    2018-03-22

  • 摘要:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary="表格简介文本"> 标题:用以描述表格内容,标题的显示位置:表格上方。 语法: <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
    查看全部
    0 采集 收起

    2018-03-22

  • Table表格在没有添加css样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。 在右侧代码编辑器中添加如下代码: <style type="text/css"> table tr td,th{border:1px solid #000;} </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
    查看全部
    0 采集 收起

    2018-03-22

  • 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码: <link href="base.css" rel="stylesheet" type="text/css" /> 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。
    查看全部
    0 采集 收起

    2018-03-22

  • CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p >这里文字是红色。</p> 注意要写在元素的开始标签里,下面这种写法是错误的: <p>这里文字是红色。</p > 并且css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码: <p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red;} 注意: 1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。 2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示: p{ font-size:12px; color:red; }
    查看全部
  • 权值规则
    查看全部
  • <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 1.<table>表格标签。 2.<tbody>标签,表格要等表格内容全部下载完才会显示。 3.<tr>标签,表格的一行,所以有几对tr 表格就有几行。 4.<td>标签,表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5.<th>…</th>:表格的头部的一个单元格,表格表头。文本默认为粗体并且居中显示。 6.li 在英文里代表 List;ol 在英文里代表 ordered list;ul 在英文里代表 unordered list 7.<table summary="表格简介或摘要内容">摘要内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎和屏幕阅读器更好的读懂表格内容。 <caption>标题文本</caption> 8.<style type="text/css"> table tr td,th{border:1px solid #000;} </style> table tr td,th表示table标签下的tr标签再下面的td标签和th标签的样式,逗号前面是父子关系,逗号表示同级。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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