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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。
    查看全部
  • 外部式CSS样式 格式 <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

  • 语法: <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

  • <a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。 <a herf="mailto:邮箱?cc=抄送地址&bcc=密抄送地址&subject=主题名称&boby=邮件内容"> 如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="目标网址" target="_blank">click here!</a> 在新建浏览器页面中打开链接。 <a>标签默认情况,链接的网页是在当前浏览器窗口打开
    查看全部
    0 采集 收起

    2018-03-22

  • 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面为网页中的文字设置字体为微软雅黑。注意不要设置不常用的字体 body{font-family:"Microsoft Yahei";} 或 body{font-family:"微软雅黑";} 注意:第一种方法比第二种方法兼容性更好一些。
    查看全部
  • title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。
    查看全部
    0 采集 收起

    2014-12-26

  • 语法: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如: <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • mailto: cc= bcc= ; subject body
    查看全部
    0 采集 收起

    2014-12-26

  • fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,这与background-attachment:fixed;属性功能相同。
    查看全部
  • caption标签,为表格添加标题和摘要
    查看全部
    0 采集 收起

    2014-12-26

  • 语法:<table summary="表格简介文本">
    查看全部
    0 采集 收起

    2018-03-22

  • 字母与字母间隔:letter-spacing(文字间隔或者字母间隔) 单词之间距离:word-spacing(设置英文单词之间的间距)
    查看全部
    0 采集 收起

    2014-12-26

  • 标签的权值为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*/
    查看全部
  • no16street 插入一行代码: <code>......</code> 插入多行代码: <pre>......</pre> code标签看起来没什么效果,它的作用是:回入code标签后,可以给code标签来设置样式,这样代码与其它的文本可以区别开,还有一个问题,你可以会问那如果只为了设置不同的样式,那可以使用span标签啊,对的,使用code标签,不指是为代码设置不同的样式,主要还是为了语议化:为了让搜索引擎知道这一段是代码。还可以让屏幕阅读器知道这一段是代码。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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