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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 嵌入式:把CSS代码写在<style type="css/text"></style>标签之间.
    查看全部
    0 采集 收起

    2018-03-22

  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,) h1,span{color:red;} 逗号分隔开的也可以是类选择符,ID选择符~
    查看全部
  • css样式分三种,1.内联式。2.嵌入式。3.外部式。 内联式:直接把CSS代码写在HTML标签中,注意要写在元素的开始标签里,并且CSS样式代码要写在双引号中。如果多条CSS样式需要用分号隔开。
    查看全部
    0 采集 收起

    2018-03-22

  • 浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
    查看全部
  • 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    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*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低
    查看全部
  • CSS的某些样式是具有继承性的;但注意有一些css样式是不具有继承性的。如border:1px solid red;
    查看全部
  • 伪类选择符 a:hover{color:red;}鼠标滑过字体颜色变为红色特效;这种使用方法已被所有浏览器兼容。 虽然hover也可用于别的标签,但兼容性不好,所以大多使用<a></a>标签
    查看全部
  • cSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式
    查看全部
  • 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素.
    查看全部
  • 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。 .first span{color:red;} 总结:>作用于元素的第一代后代;空格作用于元素的所有后代,即空格递归作用于其内所有标签元素。
    查看全部
  • 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。 .first>span{border:1px solid red;} <p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>
    查看全部
  • <blockquote>标签浏览器解析为缩进样式,语义:引用长文本。
    查看全部
    0 采集 收起

    2018-03-22

  • body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句: body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; }
    查看全部
    0 采集 收起

    2018-03-22

  • color: #336699; 可缩写成color: #369;
    查看全部
    0 采集 收起

    2014-12-31

举报

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

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