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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • css优势一:便于统一设置词组的样式。 1、用<span>行内标签元素将目标文本选中,如<span>目标文本</span> 2、在<head>标签内设定:span{color:red}
    查看全部
  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;}
    查看全部
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: p{ font-size:12px; color:red; font-weight:bold; }
    查看全部
  • 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;}
    查看全部
  • 通用选择器的优先级是最低的,其他类型的选择器如果有属性冲突会直接覆盖通用选择器的设置。 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素
    查看全部
  • 认识<img>标签,为网页插入图片 <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
    查看全部
    0 采集 收起

    2018-03-22

  • >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。
    查看全部
  • 语法: <input type="reset" value="重置"> 1.type:只有当type值设置为reset时,按钮才有重置作用 2.value:按钮上显示的文字
    查看全部
  • 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)
    查看全部
    0 采集 收起

    2018-03-22

  • 使用mailto在网页中链接Email地址 <a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:
    查看全部
    0 采集 收起

    2018-03-22

  • 类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。 语法: .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • 内联式 > 嵌入式 > 外部式, 其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。
    查看全部
    0 采集 收起

    2018-03-22

  • rel:relationship的英文缩写·REL属性用于定义连接的文件和HTML文档之间的关系。StyleSheet,的意思就是样式调用,REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样
    查看全部
    0 采集 收起

    2018-03-22

  • 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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