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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 在head的部分: <style> span { color:blue;//可以换成别的颜色 } </style> 在body部分: <p>xxxxxxxxxxxxxxxxxx<span>ccccc</span>xxxxxx</p> //cccc的颜色就是蓝色
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 使用mailto在网页中链接Email地址 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 <a href="mailto:收件人1邮箱;收件人2邮箱?cc=抄送人邮箱&bcc=密件抄送人&subject=主题&body=邮件内容"></a> eg:<a href="mailto:yy@imooc.com(邮件地址)?(第一个参数用“?”隔开)cc(抄送地址)=yy@imooc.com &(后面的参数之间用“&”隔开)bcc(密件抄送地址)=yy@imooc.com &subject=主题 & body=邮件内容"></a>
    查看全部
    0 采集 收起

    2018-03-22

  • 设置selected="selected"属性,则该选项就被默认选中。
    查看全部
  • <em> 默认用斜体表示,<strong> 用粗体表示
    查看全部
    0 采集 收起

    2018-03-22

  • 同一组的单选按钮,name取值一定要一致
    查看全部
  • 将想要设置为同一颜色的文字用<span></span>括起来,在<style type="text/css"></style>间加入span{ color:red; }就可以了
    查看全部
  • 认识<img>标签,为网页插入图片 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件
    查看全部
    0 采集 收起

    2018-03-22

  • 使用mailto在网页中链接Email地址 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 <a href="mailto:收件人1邮箱;收件人2邮箱?cc=抄送人邮箱&bcc=密件抄送人&subject=主题&body=邮件内容"></a> eg:<a href="mailto:yy@imooc.com(邮件地址)?(第一个参数用“?”隔开)cc(抄送地址)=yy@imooc.com &(后面的参数之间用“&”隔开)bcc(密件抄送地址)=yy@imooc.com &subject=主题 & body=邮件内容"></a>
    查看全部
    0 采集 收起

    2018-03-22

  • <q>--</q>对短文本引用,浏览器自动为引用部分加双引号; <blockquote>--</blockquote>引用长文本,浏览器以缩进样式显示引用部分。
    查看全部
    0 采集 收起

    2018-03-22

  • 在新建浏览器窗口中打开链接 <a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="目标网址" target="_blank">click here!</a> 但注意此属性不符合w3c规范,所以html5已经废除。但目前这种方法还在普遍使用,所以在这里做一下了解。
    查看全部
    0 采集 收起

    2018-03-22

  • 重要性 有些特殊的情况需要为某些样式设置具有最高权值,我们可以使用!important来解决。 如下代码: p{color:red!important;} p{color:green;} 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面 注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置.注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
    查看全部
  • 使用<a>标签,链接到别一个页面 使用<a>标签可实现超链接 语法: <a href=”目标网址”>链接显示的文本</a>
    查看全部
    1 采集 收起

    2018-03-22

  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。 如下面代码: p{color:red;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。 所以前面的css样式优先级就不难理解了: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • 伪类选择符 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;}
    查看全部

举报

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

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