慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

Sp3007

Relative与Absolute组合使用小伙伴们学习了12-6小节的绝对定位的方法：使用position:absolute可以实现被设置元素相对于浏览器（body）设置定位以后，大家有没有想过可不可以相对于其它元素进行定位呢？答案是肯定的，当然可以。使用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
格调依儿

form表单中的label标签

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2014-12-10
炒面Cmmm

当用户需要在表单中输入大段文字时，需要用到文本输入域。语法：<textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。注意这两个属性可用css样式的width和height来代替：col用width、row用height来代替。

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22
木可我最大

标签的学习： 1】标签的用途 2】标签在浏览器中的默认样式语义化的好处： 1】更容易被搜索引擎收录 2】更容易让屏幕阅读器读出网页内容

查看全部

0 采集收起
2014-12-10
炒面Cmmm

键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。 <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type：当type="text"时，输入框为文本输入框;当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用)

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2018-03-22
小华丶

<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
小华丶

 后面的;别忘记。

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2018-03-22
炒面Cmmm

<form method="传送方式" action="服务器文件"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form> 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
魂淡乔布斯

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。

查看全部

0 采集收起
2018-03-22
魂淡乔布斯

<!-css样式就近原则，第8行中span{color:red;} 针对整体->在内嵌入中，不要忘了style=“”

查看全部

1 采集收起
2018-03-22
炒面Cmmm

<img src="图片地址" alt="图片下载失败时的替换文本" title = "鼠标滑过图片时显示的文本"> 支持png，jpg，jpeg，gif格式。

查看全部

0 采集收起
2018-03-22
炒面Cmmm

<a>链接Email地址功能 <a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感&body=你好，对此评论有些想法。"></a> 格式： href="mailto:email地址?cc=抄送人&bcc=秘密抄送人&subject=邮件主题&body=邮件内容"

查看全部

0 采集收起
2018-03-22
炒面Cmmm

<a href="目标网址" target="_blank"（作用是在新窗口打开链接）>点击此处进入</a>

查看全部

0 采集收起
2018-03-22
炒面Cmmm

使用<a>标签，链接到别一个页面语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

查看全部

0 采集收起
2018-03-22
炒面Cmmm

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

查看全部

0 采集收起
2018-03-22

首页上一页 27337 27338 27339 27340 27341 27342 27343 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。