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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 类选择器语法:.类选择器名称{css样式代码},注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • 换行 xhtml1.0写法: <br /> html4.01写法: <br> 【暂时保留了封闭符号的书写习惯2333333<br/>
    查看全部
  • CSS代码语法: css 样式由选择符和声明组成,而声明又由属性和值组成 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red;} 注意: 1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。 2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内。
    查看全部
  • 外联式CSS:写在单独的css文件中,并在<head>部分使用<link>标签引入 <link rel="stylesheet" type="text/css" href="xxx.css" />
    查看全部
    0 采集 收起

    2018-03-22

  • <p>标签,添加段落 如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。 语法: <p>第一段落文本</p> <p>第二段落文本</p> 注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。 <p>标签的默认样式,会自动在段前段后创建一些空白,如果不喜欢这个空白,可以用css样式来删除或改变 它。
    查看全部
    0 采集 收起

    2018-03-22

  • <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    查看全部
  • <q>标签是对简短文本的引用. <blockquote>是对长文本的引用. 浏览器对<blockquote>标签的解析是缩进样式.
    查看全部
    0 采集 收起

    2018-03-22

  • 嵌入式CSS:写在<head>部分,使用<style>标签 <style type = "text/css"> 选择器 { 属性1:值1; 属性2:值2; } </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • <q>标签的语义:引用别人的话。一般,浏览器会对q标签自动添加双引号。
    查看全部
    0 采集 收起

    2018-03-22

  • 下面是权值的规则: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码: p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/
    查看全部
  • <span>用来组合行内元素,以便通过样式来格式化它们。 span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。 HTML: <p class="tip"><span>提示:</span>... ... ...</p> CSS: p.tip span { font-weight:bold; color:#ff9955; }
    查看全部
    0 采集 收起

    2018-03-22

  • 内联式CSS:直接写在HTML的开始标签中,使用标签的标准属性
    查看全部
    0 采集 收起

    2018-03-22

  • 1.在网页上要展示出来的页面内容一定要放在body标签中。 2.<em></em> 斜体 <strong></strong> 粗体 <span> 来组合行内元素,以便通过样式来格式化它们。 注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。 <span>美国梦</span> 这个标签没有设置效果。后面用css样式可以给span标签设置css样式,就是相当与给“美国梦”这三个字来设置样式 对span的深入了解: 比如在上文中加入“提示”,并使用了粗体的橘红色。尽管实现这种效果的方法非常多,但是我们的做法是:使用“提示”使用 span 元素,然后对这个 span 元素的父元素,即 p 元素应用 class,这样就可以对这个类的子元素 span 应用相应的样式了。 HTML: <p1 class="tip"><span>提示:</span></p1> CSS: p1.tip span { font-weight:bold; color:#ff9955; } 另: p span{ color:#930; } 就可以使 美国梦 应用样式。
    查看全部
    0 采集 收起

    2018-03-22

  • class 可以一对多 or 可以 多对一 搞群P (很虐很重口) id 就是 一对一的 (比较专注)
    查看全部

举报

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

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