[Web前端] 关于SPAN和DIV的总结性报告日期：2015/12/2 15:03:00点击：801来源：互联网
SPAN 和 DIV 的区别在于1。div是块级 span是内嵌式2。DIV有结构的意义 SPAN没有3。DIV包含的对象前后都有换行，SPAN没有共性他们都是容器元素，都是用来包含其他同类型的元素的，最重要的是： *************************** 他们都是为CSS而专门而成立的 ***************************补充：块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“f...
[Web前端] 浏览器滚动条的参数总结日期：2015/12/2 15:02:00点击：832来源：互联网
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）scrollbar-arrow-color上下按钮上三角箭头的颜色scrollbar-base-color滚动条的基本颜色scrollbar-dark-shadow-color立体滚动条强阴影的颜色scrollbar-face-color立体...
[Web前端] 用CSS创建不同分辩率下居中的页面日期：2015/12/2 15:02:00点击：954来源：互联网
用CSS创建居中页面（在800×600页面效果是满屏，1024×768效果是居中）首先，定义body的样式如下：body{ background-color:black; margin:0px }为看到明显效果，定义背景色为黑色。页面外补丁为0px，防止产生水平滚动条。然后定义一个container标签如下：#container { width:760px; margin-left:auto; margin-right:auto; background-color:white; height:800px }定义宽度为760px，最关键的地方是margin-left:auto;magin-right:auto;设置左右...
[Web前端] 自适应相同高度的3(三)列布局日期：2015/12/2 15:02:00点击：790来源：互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.flyso.cn</title> <meta name="Generator&...
[Web前端] CSS实现的下拉菜单（无图片）日期：2015/12/2 15:01:00点击：839来源：互联网
<style type="text/css"> #menu {list-style-type:none; margin:0 auto 100px auto; padding:0; width:608px;} #menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;} #menu li dl {position:absolute; top:0; left:0; padding-bottom:0;} #menu li a, #menu li a:visited {text-decoration:none;} #menu li dd {display:none;} #menu li a:hover {bor...
[Web前端] CSS实现圆角菜单（不用图片）日期：2015/12/1 11:24:00点击：893来源：互联网
<title>www.flyso.cn</title> <style type="text/css"> /*定义菜单的主框架*/ #outer ul {margin:3em; padding:0; list-style-type:none; background:transparent; height:3em;} /*菜单选项向左浮动，达到水平效果*/ #outer li {display:block; float:left;} /*这个outer是外面灰色的div部分，可以改成别的颜色*/ #outer {display:block; position:relative; background:#eee; padding:2em;} /*菜单顶...
[Web前端] Input高级限制若干种用法日期：2015/12/1 11:23:00点击：1032来源：互联网
1.取消按钮按下时的虚线框<input type=button size=20 name="1111111" value="80NT" HideFocus=true>2.只读文本框内容 <input size=20 name="1111111" value="80NT" readonly>3.防止退后清空的TEXT文档(可把style内容做做为类引用) <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>4.ENTER键可以让光标移到下一个输入框 <input onke...
[Web前端] CSS 实现完美垂直居中日期：2015/12/1 11:23:00点击：949来源：互联网
1。单行内容的居中只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了.middle-demo-1{height: 4em;line-height: 4em;overflow: hidden;}优点：1. 同时支持块级和内联极元素2. 支持所有浏览器缺点：1. 只能显示一行2. IE中不支持<img>等的居中要注意的是：1. 使用相对高度定义你的 height 和 line-height2. 不想毁了你的布局的话，overflow: hid...
[Web前端] CSS兼容IE与Firefox要点分析日期：2015/12/1 11:23:00点击：908来源：互联网
IE vs FFCSS 兼容要点：DOCTYPE 影响 CSS 处理FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 widthFF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式div 的垂直居中问题: vert...
[Web前端] XHTML中使用overflow隐藏滚动条,弃用scroll 日期：2015/12/1 11:22:00点击：1004来源：互联网
**.css -------------------------------------------------------------------------------------------------------------------------------- body { overflow: hidden; }结果发现在IE里面死活都会有scroller出现，而在FireFox里面却没有。于是查查资料，发现还需要加一条记录，如下：**.css -------------------------------------------------------------------------------------------------------------------------------- h...
[Web前端] _blank 打开新窗口符合标准的做法日期：2015/12/1 11:21:00点击：918来源：互联网
我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank"，我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时没有问题，但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时，这个方法将通不过W3C的校验，会出现如下错误提示："there is no attribute target for this element(in this HTML version)"原来在HTML4.01/XHTML1.0/XHTML1.1严格DOCTYPE下，target="_blank"、target="_self&...
[Web前端] 完全css实现缩略图鼠标移上去显示大图日期：2015/12/1 11:21:00点击：857来源：互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.flyso.cn--完全css实现缩略图鼠标移上去显示大图</title> <...
[Web前端] LI的宽度和高度的问题! 日期：2015/12/1 11:20:00点击：942来源：互联网
用li来给菜单布局，所以li的属性中加了一句 display:inline;让其在一行中显示。但当这个时候我无法给li限制高度和宽度。给布局上带来很大的不便。Li，默认情况下，是块级元素，但我们给其加上了display:inline;使得其变为了内联元素。内联属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。在这个时候，如果我们要给li进行定义宽度和高度，我们就要用到float:left;(左浮动)float:left;(左浮动)他使得指定元素脱离普通的文档流而产生...
[Web前端] 漂亮的导航菜单日期：2015/12/1 11:20:00点击：907来源：互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>www.flyso.cn--简单的CSS翻转图片</title> <style type=&qu...
[Web前端] 完美iframe高度自适应代码N种方法日期：2015/12/1 11:19:00点击：1056来源：互联网
无JS一：1。去除对DOCTYPE声明的依赖，有无或不同声明皆有相同效果2。代码简洁，直接在Iframe的onload标签中添加代码，无需对被调用页面添加代码注：Iframe页面和被嵌入页面必须是相同域下面的页面，否则由于浏览器安全限制会出现javascript错误，提示没有权限！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">< html>< ...
[Web前端] CSS解决未知高度垂直居中日期：2015/12/1 11:18:00点击：947来源：互联网
尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。非标准浏览器只能在子元素里设距顶部50%，里面再套个元素距顶部-50% 来抵消。body {padding: 0...
[Web前端] CSS实现十六种样式水平导航菜单日期：2015/12/1 11:18:00点击：843来源：互联网
样式一样式二样式三样式四样式五样式六样式七样式八样式九样式十样式十一样式十二样式十三样式十四样式十五样式十六
[Web前端] CSS实现多种样式垂直导航菜单5 日期：2015/12/1 11:17:00点击：869来源：互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>www.flyso.cn-垂直导航菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="author&q...
[Web前端] CSS实现多种样式垂直导航菜单4 日期：2015/12/1 11:16:00点击：943来源：互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>www.flyso.cn-垂直导航菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="author" content="FLYSO" /> <meta name="Copyright" content="www.flyso.cn - http://www.fl...
[Web前端] CSS实现多种样式垂直导航菜单3 日期：2015/12/1 11:16:00点击：987来源：互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>www.flyso.cn-3D垂直导航菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="Copyright" content="www.flyso.cn - http://www.flyso.cn" /> <meta name="author" content=&qu...