为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)-2020升级版

难度入门
时长 9小时18分
学习人数
综合评分9.50
9422人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.2 逻辑清晰
  • html基础知识 1.<!--注释文字 --> 2.<p>段落文本</p> 3.<hx>标题文本</hx> (x为1-6) <h1>是最高的等级 4.<q>引用短文本</q> 不用加引号 <blockquote>引用长文本</blockquote> 5.<em>变斜体</em> <strong>加黑</strong> 6.<br />换行 &nbsp;加空格 <hr/>加水平线 7.<address>联系地址信息</address> 8.<code>加入一行代码</code> <pre>加大段代码</pre> 9.消息列表 <ul> 没有顺序 <ol> 有顺序 <li>信息</li> <li>信息</li> <li>信息</li> <li>信息</li> ...... ...... </ul> </ol> 10.<div>…</div> <div>标签的作用就相当于一个容器。在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中 11.表格 <table summary="表格说明,浏览器中不显示"> <caption>表格标题</caption> <tbody>当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。 <tr> <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行 <th>班级</th> <th> </th>表头 <th>学生数</th> <th>平均成绩</th> </tr> <tr> <td>一班</td> <td></td>:表格的一个单元格,一行中包含几对说明有几列。 <td>30</td> <td>89</td> </tr> </tbody> </table>
    查看全部
    65 采集 收起

    2018-03-22

  • method="get/post",两种方式的区别 Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法。 二者主要区别如下: 1、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。 如下形式: http://www.imooc.com/test.asp?name=lilian&password=12345678 2、Get是不安全的,因为在传输过程,数据被存放在请求的URL地址中,这样就可能会有一些隐私的信息被第三方看到。 3、Get方式传输的数据量非常小,一般限制在 2KB 左右,但是执行效率却比 Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击,根据微软方面的说法,微软对用 Request.Form()可接收的最大数据有限制,IIS4中为 80KB 字节,IIS5 中为 100KB 字节。 综上所述,请尽量用 Post 方法。
    查看全部
  • 行内元素之间会产生间隙bug问题的场景: 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。 解决方法: 1、写在一行,之间不要有空格之类的符号。 2、使用font-size:0
    查看全部
  • 不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。(注:基本上什么盒子外边距、内边距,还有定位什么的是不能被继承的) 所有元素可继承:visibility和cursor。 内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。 终端块状元素可继承:text-indent和text-align。 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。 表格元素可继承:border-collapse。 。
    查看全部
  • 标签〈html〉〈/html〉 头部〈head〉〈/head〉主体〈body〉〈/body〉题目〈title〉〈/title〉变化〈meta〉〈/meta〉图片〈img〉〈/img〉标题〈hx〉〈/hx〉x=1~6 段落〈p〉〈/p〉斜体〈em〉〈/em〉加粗〈strong〉〈/strong〉回车〈br /〉空格&nbsp 定义〈span〉〈/span〉引用〈q〉〈/q〉大段引用〈blockquot〉〈/blockquot〉代码〈code〉〈/code〉大段代码〈pre〉〈/pre〉
    查看全部
  • 15章学的一连懵比
    查看全部
    32 采集 收起

    2016-08-18

  • font-family:字体类型; font-size:字体大小; font-weight:bold:设置为粗体样式; font-style:italic:设置为斜体样式; text-decoration:underline:文字设置下划线; text-decoration:line-through:删除线; text-indent:2em:缩进;(注意:2em的意思就是文字的2倍大小。) line-height:2em:行高; word-spacing:50px:单词间距; letter-spacing:20px:字母间距; text-align:center:水平居中对齐; font-weight:normal;/*去掉粗体样式*/ vertical-align:middle:垂直居中; overflow:hidden:溢出隐藏; display:inline-block:内联块; clear:both;清除浮动; vertical-align:垂直对齐; 鼠标经过它时候的效果: a:link {color: #FF0000} /* 未访问时的状态 */; a:visited {color: #00FF00} /* 已访问过的状态 */; a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */; a:active {color: #0000FF} /* 鼠标按下去时的状态 */; 标签: <table>:创建表格; <form>标签的使用方法: <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> </form>; 边框border、内边距padding、内容content、背景background、外边距margin、实线solid
    查看全部
  • 在浏览窗口内是固定的 三种定位方式position absolute绝对定位:让它去哪就去哪 relative相对定位:人走了,但是心还在那里. fixed固定定位: 不管水怎么流,船还是被栓在那里.在浏览器中的位置是固定的,不会因浏览器中的滚动条滚动而变化。(浮动报名框,电商网站的导航等,可能就是这个属性做的,和滚动内容,背景图不变原理相似) background-attachment设置或检索背景图像是随对象内容滚动还是固定的; fixed:固定 示例: #div1{ width:200px; height:200px; border:2px red solid; position:fixed; bottom:0; right:0; }
    查看全部
  • 什么是抄送?什么是密件抄送? 举例: 如果:A 发送邮件给B1、B2、B3,抄送给C1、C2、C3,密送给D1、D2、D3。 那么: A知道自己发送邮件给了B1、B2、B3,并且抄送给了C1、C2、C3,密送给了D1、D2、D3。 B1知道这封是A发送给B1、B2、B3的邮件,并且抄送给了C1、C2、C3,但不知道密送给了D1、D2、D3。 C1知道这封是A发送给B1、B2、B3的邮件,并且抄送给了C1、C2、C3,但不知道密送给了D1、D2、D3。 D1知道这封是A发送给B1、B2、B3的邮件,并且抄送给了C1、C2、C3,而且密送给了自己,但不知道密送给了D2、D3。
    查看全部
    30 采集 收起

    2016-01-25

  • <form> <label>爱好:</label> <select> <option value="做爱">做爱</option> <option value="后入" selected="selected">后入</option> </select> </form> option value 后面是提交给服务器的「值」,<option></option> 之间的才是显示的值。 设置 selected="selected" 属性:表示这个选项默认被选中。
    查看全部
  • absolute:相当于一个块被扔到另一个地方去了 relative:可以当作一个立方体的房子发生了歪斜,从正上方看,只是房顶偏移了,但下面的底落还在那里,底下的格局没有发生改变
    查看全部
  • font是属性,代表字的各种形态,size是大小(字体的大小);color是颜色属性,后边是16位进制的颜色代码;text是文本的意思,align是排列,后边跟left,center,right表示左中右对齐
    查看全部
  • 不加label的话鼠标一定要点击小圆点才能激活条目,加了label可以直接点击对应的文字来激活条目 label的作用就是获得焦点,在列子中,把鼠标移动到文字上(男、女、输入你的邮箱地址),同样可以激活控件进行选择,输入。但是如果不加label的话,鼠标就必须移动到控件上面。
    查看全部
  • 伪类选择器 允许给html不存在的标签(标签的某种状态)设置样式 由于兼容性问题,现在比较常用的伪类选择器是 a:hover 用于设置鼠标悬停样式; 设置链接的样式顺序: a:link/*未被访问的链接*/ a:visited/*已被访问的链接*/ a:hover/*鼠标悬停时的链接*/ a:active/*鼠标点击时的链接*/ 属性 描述 CSS :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦点的元素添加样式。 2 :hover 当鼠标悬浮在元素上方时,向元素添加样式。 1 :link 向未被访问的链接添加样式。 1 :visited 向已被访问的链接添加样式。 1 :first-child 向元素的第一个子元素添加样式。 2 :lang 向带有指定 lang 属性的元素添加样式。 2
    查看全部
  • 段落排版--缩进text-indent:2em; 段落排版--对齐text-align:left;text-align:center;text-align:right; 段落排版--行间距(行高)line-height:1.5em; 段落排版--中文字间距、字母间距 单词间距设置: word-spacing:50px; 中文字间隔、字母间隔设置:letter-spacing:50px;
    查看全部
    28 采集 收起

    2015-08-01

首页上一页1234567下一页尾页

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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