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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 外部式css样式:是指单独写一个以“.css”为扩展名的css代码文件;并在<head>标签里使用<link>标签调用。 语法: <link href="style.css" rel="stylesheet" type="text/css" /> 【注:1.css样式文件最好已有意义的英文字母命名;2.rel="stylesheet" type="text/css" 是固定写法不可修改】
    查看全部
    0 采集 收起

    2018-03-22

  • 内联式css对于设置多个词组的样式,是一件很麻烦的事情; 嵌入式css就可以解决多个词组同时设置样式的问题: 一般情况下:嵌入式css必须写在<head>标签里的<style></style>之间。 <head> <style type="text/css"> span{ color:blue; } </style> </head>
    查看全部
    0 采集 收起

    2018-03-22

  • 语法: &nbsp;
    查看全部
  • <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 浏览器对<blockquote>标签的解析是缩进样式。
    查看全部
    0 采集 收起

    2018-03-22

  • 注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

  • <q>标签,短文本引用
    查看全部
    0 采集 收起

    2018-03-22

  • <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • 重要性 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 如下代码: p{color:red!important;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面 这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
    查看全部
  • 重要性 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决
    查看全部
  • 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • .first,#second span{color:green;}右边代码编辑器中的第一段全部文字颜色设置为绿色同时把第二段文字中的“简单”文字颜色设置为绿色
    查看全部
  • 使用分组选择符(,) h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了(其实伪类选择符还有很多,尤其是 css3 中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实 :hover 可以放在任意的标签上,比如说 p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是 a:hover 的组合。
    查看全部
  • 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素
    查看全部
  • 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部

举报

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

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