慕课网

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

初识HTML(5)+CSS(3)

最热最新

MKeven

<pre>语言代码段</pre> 语言代码内可以随便使用空格 tab 回车而不用标签

查看全部

0 采集收起
2018-03-22
MKeven

<code>代码语言</code> 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。多行代码: 插入多行代码：＜pre＞......</pre>

查看全部

1 采集收起
2018-03-22
MKeven

<address>地址信息</address> 换行斜体,一般用于地址

查看全部

0 采集收起
2018-03-22
yipianyun

层模型--固定定位 position:fixed; 固定定位拖动滚动条时位置固定不变。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2014-12-26
yipianyun

层模型--相对定位设置position:relative（表示相对定位），它通过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>

查看全部

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

层模型--绝对定位设置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
yipianyun

什么是层模型？层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作。层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2014-12-26
yipianyun

浮动模型块状元素都是独占一行，如果想让两个块状元素并排显示，设置元素为浮动。任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动，如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; } <div id="div1"></div> <div id="div2"></div>

查看全部

1 采集收起来源：起飞咯 - 浮动模型
2018-03-22
yipianyun

流动模型（二）第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-12-26
yipianyun

流动模型（一）流动（Flow）是默认的网页布局模式,具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-12-26
LpLjl

使用<a>标签可实现超链接语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）

查看全部

0 采集收起
2018-03-22
LpLjl

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

查看全部

0 采集收起
2018-03-22
yipianyun

css布局模型在网页中，元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-12-26
LpLjl

Table表格在没有添加css样式之前，是没有边框的 <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码（后面章节会详细讲解），为th，td单元格添加粗细为一个象素的黑色边框。

查看全部

0 采集收起
2018-03-22
LpLjl

创建表格的四个元素： table、tbody、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。 5、<th>…</th>：表格的头部的一个单元格，表格表头。 6、表格中列的个数，取决于一行中数据单元格的个数。总结： 1、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的 2、表头，也就是th标签中的文本默认为粗体并且居中显示

查看全部

0 采集收起
2018-03-22

首页上一页 27162 27163 27164 27165 27166 27167 27168 下一页尾页

0/150

提交

取消

开始学习

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

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