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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。
    查看全部
    0 采集 收起

    2018-03-22

  • 元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)。 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px,左右一样为20px,可以这么写: div{padding:10px 20px;}
    查看全部
  • 使用下拉列表框进行多选 <form action="save.php" method="post" > <label>爱好:</label> <select multiple> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> ctrl + 单击
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 li是块状元素,块状元素有一个特点之一:在不设置宽度的情况下,显示为父容器的100%
    查看全部
  • 下拉列表框 <form action="save.php" method="post" > <label>爱好:</label> <select > <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物" selected>购物</option> </select> </form> <option value="发送给服务器的值">显示的值</option>
    查看全部
  • css样式中允许只为一个方向的边框设置样式: div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置: border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;
    查看全部
  • div{ border:2px solid red; } 上面是border代码的缩写形式,可以分开写: div{ border-width:2px; border-style:solid; border-color:red; } border-style(边框样式)常见样式有: dashed(虚线)| dotted(点线)| solid(实线)。 border-width(边框宽度)中的宽度也可以设置为: thin | medium | thick(但不是很常用),最常还是用象素(px)。
    查看全部
  • 实现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul>
    查看全部
    0 采集 收起

    2018-03-22

  • 看评论中夏骁骁提示: .food>li与.food>li>ul以及.food>li>ul>li的效果各不相同 .first>span与.first>span>span的效果也是不相同的
    查看全部
  • 盒子模型 内填充 padding 框内到内容距离 外边距 margin 两个盒子模型的距离 边框 border 都有四个方向 <div>、<ul>、<ol>、<p>、<h>、<table> 块级标签都具备盒子模型特征 注意:内填充、外边距、边框都有四个方向padding—(top,bottom,left,right) 实际 height = 上下内填充 + 上下边框线 实际 width = 左右内填充 + 左右边框线
    查看全部
  • 单选框/复选框 - radio/checkbox <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、value:提交数据到服务器的值(后台程序PHP使用) 2、name:为控件命名,以备后台程序 ASP、PHP 使用 3、checked:当设置 <input type... ... checked /> 有checked属性时(html5),该选项被默认选中 4、注意:一组单选框的每个按钮的name取值要一样
    查看全部
  • <q>:引用短语句 <blockquote>:引用文段 <code>:用于一行的代码 <pre>:用于代码段,保留空格、换行操作
    查看全部
    0 采集 收起

    2018-03-22

  • <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >提示...</textarea> </form> cols="50" 列数 rows="10" 行数 这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
    查看全部
  • 想加入一行代码吗?使用<code>标签 语法:<code>代码语言</code> 使用code标签,不仅是为代码设置不同的样式,主要还是为了语议化:为了让搜索引擎知道这一段是代码。还可以让屏幕阅读器知道这一段是代码。 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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