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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间
    查看全部
    0 采集 收起

    2018-03-22

  • 伪类选择符 它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;}
    查看全部
  • 三种样式的优先级:内联式 > 嵌入式 > 外部式 实际开发时,嵌入式css样式的位置一定在外部式的后面。 所以优先级的本质是就近原则——离被设置元素越近优先级别越高。
    查看全部
    0 采集 收起

    2018-03-22

  • CSS 样式代码插入形式「基本可以」分为三种:「内联式」、「嵌入式」和「外部式」。 「内联式」就是把代码写在现有的 HTML 标签中,如下面代码: <p >这里文字是红色的。</p> 样式代码要写在 的双引号中,如果有多条样式代码,可以写在一起中间用分号隔开。如下代码: <p >这里文字是红色的。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码: <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

  • 两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
    查看全部
    0 采集 收起

    2018-03-22

  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间
    查看全部
    0 采集 收起

    2018-03-22

  • CSS 样式代码插入形式「基本可以」分为三种:「内联式」、「嵌入式」和「外部式」。 「内联式」就是把代码写在现有的 HTML 标签中,如下面代码: <p >这里文字是红色的。</p> 样式代码要写在 的双引号中,如果有多条样式代码,可以写在一起中间用分号隔开。如下代码: <p >这里文字是红色的。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • <span></span>标签可以圈出需要改的文字或内容,再使用 span{...} 来同意修改样式。
    查看全部
  • 工页木示 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: p{ font-size:12px; color:red; font-weight:bold; } 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
    查看全部
  • 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示: 如:P{color:blue} 中 P 为「选择符」,P 后面花括弧及其中内容称为「声明」,color 为「属性」,blue 为「值」。
    查看全部
  • 包含选择器 即加入空格,用于选择指定标签元素下的后辈元素。如下代码: .first span{color:red;} 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 子选择器 即大于符号(>),用于选择指定标签元素的第一代子元素。如下代码: .first>span{border:1px solid red;}
    查看全部
  • letter-spacing这个样式使用在英文单词时,是设置字母与字母之间的间距;word-spacing这个样式使用在英文单词时,是设置单词与单词之间的间距。
    查看全部
    0 采集 收起

    2014-11-04

举报

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

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