慕课网

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

初识HTML(5)+CSS(3)

最热最新

一念执著

如果想为元素设置层模型中的相对定位，需要设置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> 偏移前的位置保留不动：虽然div元素相对于以前的位置产生了偏移，但是div元素以前的位置还是保留着，所以后面的span元素是显示在了div元素以前位置的后面。

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
BRANO

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。语法： <div>…</div>

查看全部

0 采集收起
2018-03-22
一念执著

如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
BRANO

这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法： <ul> <li>信息</li> <li>信息</li> ...... </ul>

查看全部

0 采集收起
2018-03-22
ooo309

<textarea rows="行数" cols="列数">文本</textarea>

查看全部

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

<ol> <li>信息</li> <li>信息</li> ...... </ol>

查看全部

0 采集收起
2018-03-22
BRANO

用<ol>标签来制作有序列表来展示。

查看全部

0 采集收起
2018-03-22
一念执著

当然你也可以同时设置两个元素右浮动也可以实现一行显示。 div{ width:200px; height:200px; border:2px red solid; float:right; } div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;}

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2015-01-20
ooo309

<form> 姓名： <input type="text" name="myName"> <br/> 密码： <input type="password" name="pass"> </form>

查看全部

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

#和.有什么区别啊，效果都是一样的啊~~~

查看全部

0 采集收起
2015-01-20
風雨兒

优先级（相同权值下）：内联式>嵌入式>外部式【即就近原则】（嵌入式>外部式前提是：嵌入式的位置外部式的后面）

查看全部

0 采集收起
2018-03-22
木知

<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。

查看全部

0 采集收起
2018-03-22
ooo309

<form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form>

查看全部

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

.stress{color:red;}/*类前面要加入一个英文圆点*/

查看全部

0 采集收起来源：再选一个类 - 类选择器
2015-01-20
一念执著

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-01-20

首页上一页 26864 26865 26866 26867 26868 26869 26870 下一页尾页

0/150

提交

取消

开始学习

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

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