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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <ul>添加新闻信息列表 列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,
    查看全部
    0 采集 收起

    2018-03-22

  • 行内元素后面是块元素,块元素另起一行 行内元素后面是行内元素,行内元素紧跟在后
    查看全部
  • <em>需要强调的文本</em>__(斜体) <strong>需要强调的文本</strong>__(粗体) <span>标签是没有语义的,它的作用就是为了设置单独的样式用的.(语法:<span>文本</span>) 用法例如: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的盖茨比</title> <style> span{ color:blue; } </style> </head> <body> <p>1922年的春天,一个想要成名名叫<em>尼克•卡拉威</em>(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,<strong>股票</strong>飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p> <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p> </body> </html>
    查看全部
    0 采集 收起

    2018-03-22

  • mailto在<a>超文本链接中可以实现让访问者给网站管理者发送电子邮件 语法: <a href="mailto:邮件地址1;邮件地址2? cc=邮件地址3;邮件地址4 &bcc=邮件地址5 &subject=主题 &body=内容"> 链接文字 </a> ps 1. mailto; 浏览器会自动调用默认邮件程序并写入收件地址。 多个地址要用;来分开。 在mailto;后面如果有多个参数的话,第一个参数前要有?,后面每一个参数前都要有& 2. cc=代表抄送 3. bcc=代表密件抄送 4. subject=代表邮件的主题 5. body=代表邮件的内容
    查看全部
    0 采集 收起

    2018-03-22

  • 块元素的宽度如果不设置,默认是父元素的100% 块元素自己独占一行,其后的元素另起一行
    查看全部
  • 使用<ol>标签来制作有序列表的展示
    查看全部
    0 采集 收起

    2018-03-22

  • 长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。 1、em 就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;如果 font-size 为 18px,那么 1em = 18px。如下代码: p{font-size:12px;text-indent:2em;} 上面代码就是可以实现段落首行缩进 24px(也就是两个字体大小的距离)。 下面注意一个特殊情况: 但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。 如下代码: html: <p>以这个<span>例子</span>为例。</p> css: p{font-size:14px} span{font-size:0.8em;}
    查看全部
    0 采集 收起

    2018-03-22

  • 在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种: 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法: p{color:red;} 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如: p{color:rgb(20%,33%,25%);} 3、十六进制颜色 这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是 RGB 设置,但是其每一项的值由 0-255 变成了十六进制 00-ff。 p{color:#00ffff;}
    查看全部
    0 采集 收起

    2015-01-30

  • 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*/
    查看全部
  • 长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。 1、em 就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;如果 font-size 为 18px,那么 1em = 18px。如下代码: p{font-size:12px;text-indent:2em;} 上面代码就是可以实现段落首行缩进 24px(也就是两个字体大小的距离)。 下面注意一个特殊情况: 但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。 如下代码: html: <p>以这个<span>例子</span>为例。</p> css: p{font-size:14px} span{font-size:0.8em;}
    查看全部
    0 采集 收起

    2018-03-22

  • text-align 该属性针对块状元素
    查看全部
    0 采集 收起

    2015-01-30

  • <q> 标签:引号,代表引用别人的话 浏览器会自动为文字加上引号 2.<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知 名作家的文字,这时需要这个标签 浏览器对<blockquote>标签的解析是缩进样式 3.<address>地址信息</address> 默认是斜体 4.<code>代码语言</code> 5.<pre>语言代码段</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • letter-spacing 对中文是 字与字之间的距离 对英文是字母与字母之间的距离 word-spacing 对英文是 单词与单词之间的距离
    查看全部
    0 采集 收起

    2015-01-30

  • 标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等。
    查看全部
    0 采集 收起

    2015-01-30

  • 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 中间要加入“/”斜扛。 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用: body{ font:12px/1.5em "宋体",sans-serif; }
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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