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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 语法: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如: <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。 title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好),如右侧案例代码(8-12行)。
    查看全部
    0 采集 收起

    2018-03-22

  • ID选择器有什么作用呀?
    查看全部
    0 采集 收起

    2015-02-11

  • 内联元素都会在所处的包含元素内从左到右水平分布显示。(a、span、em、strong)
    查看全部
  • 流动模型:块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布
    查看全部
  • 在新建窗口中打开链接的语法: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    1 采集 收起

    2018-03-22

  • <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。
    查看全部
    0 采集 收起

    2018-03-22

  • 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)
    查看全部
  • 元素与其它元素之间的距离可以使用边界(margin)来设置div{margin:20px 10px 15px 30px;} padding和margin的区别,padding在边框里,margin在边框外。
    查看全部
  • form表单中的label标签 当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 <label for="控件id名称"> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 e.g. <label for="male">男</label> <input type="radio" name="sex" id="male" />
    查看全部
  • 伪类选择符:可以给html不存在的标签(标签的某种状态,比如鼠标滑过的状态)设置样式 最常用是a:hover{color:blue}(即作用于链接标签上,使用鼠标划过时变颜色)
    查看全部
  • <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 给div添加名字,<div id="板块名称">...</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 提交按钮 <input type="submit" value="确定" /> 重置按钮 <input type="reset" value="重置" />
    查看全部
  • 提交按钮 <input type="submit" value="提交" name="submitBtn" /> value:按钮上显示的文字
    查看全部

举报

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

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