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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 类选择器 类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。 语法: .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢)
    查看全部
  • .与class对应 #与id对应
    查看全部
  • 子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。
    查看全部
  • 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;}
    查看全部
  • 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色: * {color:red;}
    查看全部
  • 伪类选择符 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。
    查看全部
  • 分组选择符 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 加入一行代码使用code标签
    查看全部
    0 采集 收起

    2015-01-10

  • <hr> 添加水平横线
    查看全部
  • <blockquote>标签,长文本引用
    查看全部
    0 采集 收起

    2018-03-22

  • <q>标签,短文本引用
    查看全部
    0 采集 收起

    2018-03-22

  • 加入强调语气,使用<strong>是斜 <em>加粗
    查看全部
    0 采集 收起

    2018-03-22

  • <h1>了不起的盖茨比</h1> <h2>了不起的盖茨比</h2> <h3>了不起的盖茨比</h4> <h5>了不起的盖茨比</h5> 一直会变小
    查看全部
    0 采集 收起

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>内联块状元素</title> <style type="text/css"> div,p,form,a,ul,ol{background:pink;} a{display:block;} </style> </head> <body> <div>div1</div> <div>div2</div> <h1>h1h1h1h1</h1> <p>段落1段落1段落1段落1段落1</p> <form>formform</form> <a>a1a1a1a1</a> <a>a2a2a2a2</a> <ul> <li>ululul</li> <li>ululul</li> <li>ululul</li> </ul> <ol> <li>ololol</li> <li>ololol</li> <li>ololol</li> </ol> </body> </html>
    查看全部
  • 相对定位后,只是元素本身位置偏移了,但原来位置空间还保留,后续元素也是相对于它原来的位置空间接着显示的。你可以用代码尝试下。不过这种用法很少见。一般给元素添加relative定位,只是给后代元素或者子元素做绝对定位提供一个参照物而已。
    查看全部

举报

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

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