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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <html> <head>...</head> <body>...</body> </html>
    查看全部
  • 权值比较优先在同一个标签下进行比较
    查看全部
  • 在html中,<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从页使用div元素具有内联元素特点。
    查看全部
  • 如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口
    查看全部
  • 层模型--相对定位 如果想为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。 如下代码实现相对于以前位置向下移动50px,向右移动100px; #div1{ width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:50px; } <div id="div1"></div> 效果图: 什么叫做“偏移前的位置保留不动”呢? 大家可以做一个实验,在右侧代码编辑器的19行div标签的后面加入一个span标签,在标并在span标签中写入一些文字。如下代码: <body> <div id="div1"></div><span>偏移前的位置还保留不动,覆盖不了前面的div没有偏移前的位置</span> </body> 效果图: 从效果图中可以明显的看出,虽然div元素相对于以前的位置产生了偏移,但是div元素以前的位置还是保留着,所以后面的span元素是显示在了div元素以前位置的后面。
    查看全部
  • 提交按钮:submit
    查看全部
  • 提交按钮:submit
    查看全部
  • 重置按钮: <input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用 value:按钮上显示的文字
    查看全部
  • 提交按钮: <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • 设置两个元素一左一右可以实现一行显示吗?当然可以: div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;}
    查看全部
  • 下拉列表进行多选(select标签里面添加<select multiple="multiple">)
    查看全部
    0 采集 收起

    2018-03-22

  • 下拉框(节省空间) <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> 1、value:<option value="向服务器提交的值">页面显示的值</option> 2.设置selected="selected"属性 该选项默认被选中
    查看全部
  • 类和ID选择器 相同点:可以作用于任何元素 不同点:ID选择器只能在文档中使用一次。。在一个html文档中,ID选择器只能使用一次而且仅一次。。。而类选择器可以使用多次<span class="stress">..</span> <span class="stress">..</span> 可以使用类选择器 词列表 方法为一个元素同时设置多个样式,只能是类选择器方法实现,ID选择器是不可以的。 .stress{ color:red; } .bigsize{ font-size:25px; } <p>..<span class="stress bigsize">三年级</span>.........</p>------仅此使用类选择器词列表方法为一个元素同时设置多个样式
    查看全部
  • 加入强调语气,使用<strong>和<em>标签 但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。 语法: <em>需要强调的文本</em> <strong>需要强调的文本</strong>
    查看全部
    0 采集 收起

    2018-03-22

  • 文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使用<hx>标签来制作文章的标题。 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。 语法: <hx>标题文本</hx> (x为1-6)
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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