HTML5新增的块级元素：（这些标签都可以当做一个特殊div来 *** 作）
<header>标签定义文档的页眉（介绍信息）。
<section>标签定义文档中的节（section、区段）比如章节、页眉、页脚或文档中的其他部分
<footer>标签定义文档或节的页脚。应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。可以在一个文档中使用多个 <footer> 元素。联系信息应该位于 <address> 标签中。
<aside>标签定义其所处内容之外的内容。其内容应该与附近的内容相关。可做侧栏。
<nav>标签定义导航链接的部分。
<main>标签规定文档的主要内容。其元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、 版权信息、站点标志或搜索表单。在一个文档中，不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代：<article>、<aside>、<footer>、<header> 或 <nav>。
<article>标签规定独立的自包含内容。元素的潜在来源：论坛帖子、报纸文章、博客条目、用户评论。
<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。<!DOCTYPE html> <html>
<head> <meta charset="utf-8" />
<title>html边框虚线演示 >在正式绘制边框前，我们先认识一下CSS3 border-image-slice 属性，它可以将border-image-source获取的边框背景切割为9份。语法如下：
border-image:border-image-source slice-width{1,4}
slice-width的值可以是具体像素，也可以是百分比。切割后的块分别是
border-top-left-image border-top-image border-top-right-image
border-left-image border-right-image
border-bottom-left-image border-bottom-image border-bottom-right-image
其中，border-top-image和border-bottom-image区域受到水平方向效果影响，如果是repeat则此区域会水平重复，如果是round则会水平平铺，责任stretch则被水平拉升。而我们设置虚线，则选择repeat/round都可以。具体步骤如下：
新建一个HTML文档、插入Table、使用CSS设置器进行设置和将border—style的属性设置为dashed。根据查询DW水平线变为虚线相关资料得知，DW水平线变为虚线要新建一个HTML文档、插入Table、使用CSS设置器进行设置和将border—style的属性设置为dashed。DW水平线变为虚线分为以下几个步骤：
1、首先打开DW软件，新建一个HTML文档。
2、其次点击“插入”，选择“Table”。
3、然后在table内加入一个内联样式，使用CSS设置器进行设置。
4、最后在CSS设置器的属性内将border—style的属性设置为dashed即可。html5 拖动效果在手机上实现方法是调用drag和drop一系列函数实现的。
注意：拖拽源在拖拽 *** 作结束将得到dragend事件对象，不管 *** 作成功与否。
举例：
定义可拖放内容
<div id="columns">
<div class="column" draggable="true"><header>A</header></div>
<div class="column" draggable="true"><header>B</header></div>
<div class="column" draggable="true"><header>C</header></div>
</div>
2、监听拖动事件
可附加大量不同事件以监听整个拖放过程：
dragstart
drag
dragenter
dragleave
dragover
drop
dragend
a这里是开始拖拽
function handleDragStart(e) {
thisstyleopacity = '04'; // this / etarget is the source node
}
var cols = documentquerySelectorAll('#columns column');
[]forEachcall(cols, function(col) {
coladdEventListener('dragstart', handleDragStart, false);
});
bdragenter、dragover 和 dragleave 事件处理程序可用于在拖动过程中提供额外的可视化提示。例如，在拖动期间将鼠标悬停在某一列上方时，其边框可能会变成虚线。这样，用户就能知道这些列也是放置的目标区域。把在 你 最后 一行 把 border:0px;
<table width="100%" border="0" cellpadding="2" cellspacing="0" class="table5">
<tr >
<td colspan="4"> </td>
</tr>
<tr >
<td width="4%"><img src="images/greendotjpg" width="4" height="4" /></td>
<td width="17%" class="text-fl">萍水相逢</td>
<td width="63%" align="center" class="text-fl">消费10个金币，对换10元手机费</td>
<td width="16%" align="center" valign="middle">20130120</td>
</tr>
<tr>
<td ><img src="images/greendotjpg" /></td>
<td class="text-fl">M萍水相MM</td>
<td align="center" class="text-fl">消费500积分，对换500粉丝</td>
<td align="center" valign="middle">20130120</td>
</tr>
<tr >
<td colspan="4" class="last"></td>
</tr>
</table>1打开AI软件，CTRL+N新建一个画布，单击直线段工具，按shift键绘制一条直线。
2选中绘制的直线，填充色设置为无，描边颜色设置为黑色，粗细为10pt
3点击属性栏描边选项,勾选虚线，根据需要设置虚线样式以及间隙。
4最后完成，就可以看到虚线设置好了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）