一.首先我们总结下行内元素和块级元素有哪些：行内元素：<a>标签可定义锚<abbr>表示一个缩写形式<acronym>定义只取首字母缩写<b>字体加粗<bdo>可覆盖默认的文本方向<big>大号字体加粗<br>换行<cite>引用进行定义<code>定义计算机代码文本<dfn>定义一个定义项目<em>定义为强调的内容<i>斜体文本效果<img>向网页中嵌入一幅图像<input>输入框<kbd>定义键盘文本<label>标签为<input> 元素定义标注（标记）<q>定义短的引用<samp>定义样本...
如何垂直居中一个浮动元素// 方法一：已知元素的高宽#div1{ width:200px; height:200px; position: absolute; /*父元素需要相对定位*/ top: 50%; left: 50%; margin-top:-100px ; /*二分之一的height，width*/ margin-left: -100px; } //方法二:未知元素的高宽 #div1{ width: 200px; height: 200px; margin:auto; position: absolute; /*父元素需要相对定位*/ ...
::before与::after两个伪元素其实是CSS3中的内容，然而实际上在CSS2中就已经有了这两者的身影，只不过CSS2中是前面加一个冒号来表示（:before和:after）。今天主要讲讲这两个伪元素该如何使用。一、与普通元素一样可以给其添加样式比如说我想在文字前面添加一个图标，如果我用普通元素写的话我可以这样写：/*CSS*/.del{ font-size: 20px;}.del i{ display: inline-block; width: 20px; height: 25px; margin-right: 2px; vertical-...
HTML <div> 和 <span> HTML 列表HTML 类可以通过 <div> 和 <span> 将 HTML 元素组合起来。HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。编者注："块级元素"译为 block level element，"内联元素"译为 inline element。块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：<h1>, <p>, <ul>, <table> HTML 内联元素 内联元素在显示时通常不会以新行开始。例子：<b>, <td>, <a>, <img> HTML <div> 元素 HTML <...
可置换元素（Replaced element）img | input | select | textarea | button | label | object 可置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。如果查看(X)HTML代码，则看不到图片的实际内容。这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性。他们的性质同设置了display:inline-block的元素一致。默认就有 CSS 格式化外表范围的元素。非置换元素（non-replaced element）span, s...
文档元素: 用于在页面的大布局, 区分各个主体和概念. 让整体清晰, 元素有语义, 进一步代替div具体划分图示: (参考)<hgroup><section><nav><article> 里面又是一个可以添加<header\section\footer>的一整套的标签, 麻雀虽小五脏俱全<aside>也可以放导航, 尾部这些内容解释:<aside>元素专门为某一段内容进行注释使用. <address>表示文档或article元素的联系信息.根据布局放位置<details>元素生成详情区域大多数浏览器不支持以上就...
标签属性分类(元素对象属性)普遍属性 全局都可以生效特定属性 不同的标签有它们特有的属性特殊标签:<a></a>href <a href="http://www.baidu.com">百度</a> 默认是在本窗口打开target <a href="http://www.baidu.com" target="_blank">百度</a> 如果不删除红色部分,网页会在新窗口打开绝对路径 : 一般不用, 因为绝对路径在服务器的结构和本地不一样 相对路径: 实际应用中我们上传的软件都是一整套的,一个文件夹包含全部...
文档元素: 用于在页面的大布局, 区分各个主体和概念. 让整体清晰, 元素有语义, 进一步代替p具体划分图示: (参考)<hgroup><section><nav><article> 里面又是一个可以添加<header\section\footer>的一整套的标签, 麻雀虽小五脏俱全<aside>也可以放导航, 尾部这些内容解释:<aside>元素专门为某一段内容进行注释使用. <address>表示文档或article元素的联系信息.根据布局放位置<details>元素生成详情区域大多数浏览器不支持以上就是...
HTML元素的ID和Name属性的区别今天突然兴致来了，想深究下这两属性的具体区别最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的多，因为Name有很多种的用途，所以它并不能完全由ID来代替，从而将其取消掉。具体用途有： 用途1:...
本篇带大家深入了解HTML的元素嵌套有哪些规则，下面小编就为大家描述一下一、HTML 标签包括 块级元素(block)、内嵌元素（inline） 1、块级元素 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签： address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul 2、内嵌元素 一般用在网站内容之中的某些细节或部位，用以“...
当不包含z-index属性和position属性时，所有元素的叠放顺序与其所在HTML文档中出现的先后顺序一致。（使用负margin来重叠内联元素的特例除外。）当元素浮动float时，浮动块元素被放置于非定位块元素与定位块元素之间，换句话讲，浮动元素显示在普通流中的后代块元素之上，常规流中的后代行内元素之下。元素加入position位置属性时，所有具有position属性的元素及其子元素会显示在其他不具有position属性的元素上面。z-index只在设置...
纯CSS3打造相册效果，感觉还不错，这里与大家分享下，最主要的是没有使用一行js，这才是亮点 今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。 效果图： 效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。 先看html文件： 代码如下:<body> <p id="g all ery"> <h1>纯CSS3相册效果</h1> <ul> <li> <span class="touc...
前面的话??在HTML5出现之前，人们一般把元素分为块级、内联和内联块元素。本文将详细介绍HTML块级元素h??标题(Heading)元素有六个不同的级别，<h1>是最高级的，而<h6>则是最低的。一个标题元素能简要描述该节的主题??从<h1>到<h6>，重要性逐渐减小，字体大小也逐渐减小。在使用标题元素时，要注意以下几点??1、不要为了减小标题的字体而使用低级别的标题，而是使用CSS的font-size样式??2、避免跳过某级标题：始终要从<h1>开始，接下...
HTML 文档是由 HTML 元素定义的。HTML 元素指的是从开始标签(start tag) 到结束标签(end tag)的所有代码。HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性嵌套的 HTML 元素 大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素) HTM...
在普通的WEB页面中插入表单是如下的：这里将创建一个比较完整的表单, 将<form>中的元素和属性全部基本全部都展示出来。首先在HTML的<body></body>标记中添加一个<form>表单。然后再<form>表单中添加一系列的表单元素和属性。这里在表单的标记中给增加了一些CSS的样式，这样让朋友们感官上看上去页面更炫酷一些。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> &a1. 关于插入表单的...