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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 通用选择器 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色: * {color:red;}
    查看全部
  • <em>、<strong>,em嵌套后显示为粗斜体
    查看全部
    0 采集 收起

    2018-03-22

  • 包含(后代)选择器 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。 语法: .first span{color:red;} 总结: >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 子选择器 子选择器为大于符号(>),用于选择指定标签元素的 第一代子元素。 .food>li{border:1px solid red;}
    查看全部
  • 类和ID选择器的区别 相同点:可以应用于任何元素。 不同点: 1、ID选择器只能在文档中使用一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。不可以用ID选择器(不能使用 ID 词列表)。
    查看全部
  • 标题标签<h1>....<h6>
    查看全部
    0 采集 收起

    2018-03-22

  • p标签:<p></p>
    查看全部
    0 采集 收起

    2018-03-22

  • 如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • <em></em>斜体 <strong></strong>加粗 <span></span>对行内元素标记,以便通过样式来格式化他们
    查看全部
    0 采集 收起

    2018-03-22

  • 标签语义化
    查看全部
    0 采集 收起

    2014-12-01

  • <!--内容-->
    查看全部
  • 头部标签之title,显示在网页的标题栏中
    查看全部
  • 头部标签主要有<title>、<script>、<mate>、<style>、<link>
    查看全部
  • 继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 不可继承:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。 所有元素可继承:visibility和cursor。
    查看全部
  • 伪类选择符 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色 语法: a:hover{color:red;} 关于伪选择符: 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。
    查看全部

举报

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

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