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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。 关于伪选择符: 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实:hover可以放在任意的标签上
    查看全部
  • 是因为浏览器是根据权值来判断使用哪种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*/ 注意:还有一个权值比较特殊--继承也
    查看全部
  • 当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)
    查看全部
  • 在新窗口打开链接: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 超级链接的一个属性 target=”打开方式“,该属性在<a target="">中体现。用于体现超级链接的打开方式
    查看全部
    0 采集 收起

    2018-03-22

  • 超级链接的格式为 <a href="URL" title="链接的介绍(鼠标滑动时显示的内容。)">文本</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <table summary="摘要">摘要不会被浏览器显示出来,只是增强表格的可读性,使得搜索引擎更好的读懂表格内容。 <caption></caption>设置表格的标题,默认居中加粗
    查看全部
    0 采集 收起

    2018-03-22

  • 第10行代码中 name="username"应改成 id="username",否者前面加上label标签毫无用处,改好后,点击用户名,光标自动定位到输入框中。。.
    查看全部
  • <ol> <li>内容</li> <li>内容</li> </ol> 有序列表的创建格式,默认有序列表的符号为1、2、3,如需改变可以通过属性进行设置
    查看全部
    0 采集 收起

    2018-03-22

  • <ul> <li>内容</li> </ul> 无序列表的创建格式 一般默认为黑色实心原点,可以通过属性进行调整
    查看全部
    0 采集 收起

    2018-03-22

  • <br>标签是强制换行标签,在html5中,因为行业要求格式为<br />
    查看全部
  • <blockquote>的作用是对长文本的引用;<q>标签是对简短文本的引用; 浏览器对<blockquote>标签的解析是缩进样式。
    查看全部
    0 采集 收起

    2018-03-22

  • 需要注意的是,<q>标签主要用于短引用文字的设置。
    查看全部
    0 采集 收起

    2018-03-22

  • <q></q> q标签用于名言名句引用,且不需要额外添加双引号,q标签会在浏览器显示中,自动添加双引号
    查看全部
    1 采集 收起

    2018-03-22

  • <span>文本</span> span标签用于为单独元素设置单独的样式。使用方法同javascript的编辑设置方法相同 使用style进行声明 在head中使用 <style> span { 样式内容 } </style>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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