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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 通用选择器:(*)匹配html中所有标签元素
    查看全部
  • q是quote
    查看全部
    0 采集 收起

    2014-12-24

  • 包含(后代)选择器:即加入空格,用于选择指定标签元素下的后辈元素。 子选择器:>作用于元素的第一代后代, 后代选择器:空格作用于元素的所有后代。
    查看全部
  • span{ color:blue; }
    查看全部
    0 采集 收起

    2014-12-24

  • 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • 子选择器:即大于符号(>),用于选择指定标签元素的第一代子元素。 .food>li{ border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/ } 使class名为food下的子元素li(水果、蔬菜)加入红色实线边框
    查看全部
  • 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 类和ID选择器 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次,而类选择器可以使用多次 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器不可以(不能使用 ID 词列表)。 .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p>
    查看全部
  • ID选择器: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。
    查看全部
    0 采集 收起

    2018-03-22

  • 类选择器:使用class="类选择器名称"为标签设置一个类,非中文 .类选器名称{ font-weight:normal;/*字体不加粗*/ line-height:1.6em;/*行间距设置1.6em*/ }
    查看全部
  • 标签选择器:html代码中的标签
    查看全部
  • css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 选择器:“样式”作用于网页中的哪些元素
    查看全部
  • 三种样式优先级:内联式 > 嵌入式 > 外部式 就近原则(离被设置元素越近优先级别越高) 前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下
    查看全部
    0 采集 收起

    2018-03-22

  • 我们来思考一个问题:如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?好,这一小节中的层叠帮你解决这个问题。 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。 如下面代码: p{color:red;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。 所以前面的css样式优先级就不难理解了: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    1 采集 收起

    2018-03-22

  • 外部式css样式(外联式):把css代码写一个单独的外部文件中,以“.css”为扩展名,在<head>内使用<link>标签将css样式文件链接到HTML文件内 <link href="base.css" rel="stylesheet" type="text/css" /> 注意:rel="stylesheet" type="text/css" 是固定写法不可修改。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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