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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 内联式 > 嵌入式 > 外部式 style.css(外部试) span{ color:blue; font-size:50px; } <style type="text/css"> span{ color:red; font-size:200px; } </style>嵌入式 ,<span >超酷的互联网</span> 内联式
    查看全部
    0 采集 收起

    2018-03-22

  • 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 右侧代码编辑器中就是一个ID选择符的完整实例。
    查看全部
    0 采集 收起

    2018-03-22

  • <ol> <li>...</li> <li>...</li> </ol> 有序排列
    查看全部
    0 采集 收起

    2018-03-22

  • 外部式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

  • .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • <ul> <li>...</li> <li>...</li> </ul> 无序排列
    查看全部
    0 采集 收起

    2018-03-22

  • span{ color:blue; font-size:50px; } span 中font-size:设置字体大小
    查看全部
    0 采集 收起

    2014-10-24

  • 下面是权值的规则: 标签的权值为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*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
    查看全部
  • <style type="text/css"> span{ color:red; }这样所有的span内的元素都是红色的。如果需要单独对其中一个单独设立值,需要在span内单独设置值:<span >
    查看全部
    0 采集 收起

    2018-03-22

  • 在CSS中注释语句:用/*注释语句*/来标明 (Html中使用<!--注释语句-->)
    查看全部
  • <div>标签在排版中的作用: 在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 语法:<div>…</div> 确定逻辑部分: 什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。
    查看全部
    0 采集 收起

    2018-03-22

  • 使用<ol>标签来制作有序列表 语法: <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例: <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始。
    查看全部
    0 采集 收起

    2018-03-22

  • 第一步:把这三个短语用<span></span>括起来 第二步:写入下列代码: span{ color:red; } span相当于一个容器,加上属性值,容器的元素效果都是一样的
    查看全部
  • 字母间距离letter-spacing 单词间距离word-spacing
    查看全部
    0 采集 收起

    2014-10-24

  • text-indent:2em 中文段落前空2格
    查看全部
    0 采集 收起

    2014-10-24

举报

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

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