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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点
    查看全部
    0 采集 收起

    2015-01-18

  • <form>标签:表单,用于数据传输、用户交互,action属性是数据传送的目的url,method属性是数据传送方式(post/get)
    查看全部
  • css字体的缩写,如以下代码: body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这个代码可以缩写成: body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 在字体代码的缩写时,必须注意两个要点: 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 //如上面的缩写例子,12px和1.5em之间就有斜杠!
    查看全部
    0 采集 收起

    2018-03-22

  • css颜色值的缩写 css颜色值可以用两种方式表达,一种是直接单词,一种是16进制的数。如果是每两位相同的16进制的颜色数,则可以进行缩写,如下: color:#336699 则可以缩写为: color:#369 但是不能再进一步缩写了,比如全是3:#333333,不能写成#3,缩成这种程度,浏览器也会醉的!
    查看全部
    0 采集 收起

    2015-01-18

  • 盒模型代码的简写:(以margin为例,其他如padding和border都是一样的) 完全不缩写:margin-top:10px;margin-right:40px;margin-bottom:10px;margin-left:40px; 一般般的缩写:margin:10px 40px 10px 40px; 有点吊的缩写:margin:10px 40px; //前面是相同的上下,后面是相同的左右; 如果完全不缩写的四个值都是相同的,比如10px,那么这种缩写是最屌的: 最简略的缩写:margin:10px 再次补充,其他padding和border也是一样的规则
    查看全部
    0 采集 收起

    2015-01-18

  • <img />标签:插入图片,src属性为图片源url,alt属性为图片加载不成功时的描述文本,title属性是当鼠标停留在图片上时会显示的文字
    查看全部
    0 采集 收起

    2018-03-22

  • <a>标签的href属性中使用mailto链接Email地址: <a href="mailto:收件人1;收件人2?cc=抄送收件人&bcc=密件抄送收件人&subject=邮件主题&body=邮件内容">网页上显示的文字</a> 点击链接,浏览器自动调用默认客户端电子邮件程序,并自动填写设置好的参数
    查看全部
    0 采集 收起

    2018-03-22

  • 相对定位于绝对定位的联合使用。 嵌套关系的块状元素的定位一个重要的部分!比如此章的任务代码: <div id="box3"> <img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg"> <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div> </div> 则,box4作为box3的子元素,属于box3内部的一部分,box3到哪儿,box4也跟着。这里的box4之所以到外面去了,就是因为被图片给挤出去了,并且box3也固定了高度。将box4设置为绝对定位,就可以相对box3进行位置的设置,如果设置为相对定位的话,就必须相对box4原来的位置进行设置,设置bottom:50px,才可能达到诺上去的效果。所以善用相对定位和绝对定位是很重要的! 另外,再次强调,绝对定位的top、right等是相对父类进行位置的设置;而相对定位的top、right等式相对该元素原来的位置进行设置。
    查看全部
  • 外部式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样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。
    查看全部
    0 采集 收起

    2018-03-22

  • <img src="myimage.gif" alt="my image" title="my image"/> 1.src 标识图像的位置 2.alt 指定图像的描述性文件,当图像不可见时(下载不成功时),可看到该属性指定的文本 3.title 提供在图像可见时对图像的描述(鼠标滑过时显示的文本)
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感。&body=你好,对此评论有些想法。">对此影评有何感想,发送邮件给我</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 在新建浏览器窗口中打开链接 <a href="目标网址" target="_blank">click here!</a> target="_blank"
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • <a>标签的target属性:指定打开链接的方式,默认在当前浏览器窗口中打开 在新建浏览器窗口中打开链接:target设为"_blank"
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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