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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。 权值的规则: 标签的权值为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,其继承的权值最低。
    查看全部
  • 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。 一些css样式是不具有继承性的,如border:1px solid red;
    查看全部
  • 通用选择器,使用一个(*)号指定,它的作用是匹配html中所有标签元素
    查看全部
  • 子选择器(大于符号(>)),用于选择指定标签元素的第一代子元素。 .food>li{border:1px solid red;}
    查看全部
  • 字母间距:letter-spacing; 文字间距:Word-spacing;
    查看全部
    0 采集 收起

    2014-11-25

  • 段落排版--行间距(line-height) 如:实现设置段落行间距为1.5倍。 p{line-height:1.5em;}
    查看全部
    0 采集 收起

    2014-11-25

  • 段落首行缩进 : p{text-indent:2em;} 2em:文字的两倍大小
    查看全部
    0 采集 收起

    2014-11-25

  • 优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面. 总结来说,就是--就近原则(离被设置元素越近优先级别越高)
    查看全部
    0 采集 收起

    2018-03-22

  • 类选择器:.className (可连续使用) ID选择器:#idName (单独使用) 子选择器:className>tagName 包含选择器:className tagName 通用选择器:* {匹配所有tag}
    查看全部
  • css中当有多条声明时,中间可以英文分号“;”分隔 最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。
    查看全部
  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。 当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 <label for="控件id名称"> 标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
    查看全部
  • <input type="submit" value="提交"> 只有当type值设置为submit时,按钮才有提交作用 <input type="reset" value="重置"> 只有当type值设置为reset时,按钮才有重置作用,重置表单信息到初始时的状态
    查看全部
  • a标签的title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好) <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
    查看全部
    0 采集 收起

    2018-03-22

  • 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary="表格简介文本">
    查看全部
    0 采集 收起

    2018-03-22

  • <pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它(被包围在 pre 元素中的文本通常会保留空格和换行符).
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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