• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册
OStack程序员社区-中国程序员成长平台 › 门户 › 编程› HTML›HTML/CSS编程经验

HTML/CSS编程经验

RSS
  • _blank开新窗口不符合标准?
    _blank开新窗口不符合标准?
    本文参考了以下文章： Kevin Yank的《New-Window links in a Standards-Compliant World》 《Standards-based Replacement for target="_blank" in External links》 我们要在新窗口中打开链接通常的做法是在链接后 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：486 | 回复：0
  • CSS hack浏览器兼容一览表
    CSS hack浏览器兼容一览表
    CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：547 | 回复：0
  • 用!important解决IE和Mozilla的布局差别
    用!important解决IE和Mozilla的布局差别
    在设计《网页设计师》页面的时候，有一个问题一直困扰着我，主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下： IE中的效果 Mozilla Firefox中的效果 这是因为IE对盒之间距离的解释的bug造成 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：705 | 回复：0
  • 巧用CSS滤镜做图案文字
    巧用CSS滤镜做图案文字
    经典论坛……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：666 | 回复：0
  • 文字应用css滤镜集锦
    文字应用css滤镜集锦
    .abc { line-height: 22px} .t12 { font-family:华文行楷; font-size: 15px; font-weight: lighter; color: ##C3C1C1; Filter: dropshadow(color=#ffffff,offx=1,offy=1); TEXT-ALIGN: center; TEXT-DECORATION: non ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：648 | 回复：0
  • 典型的三行二列居中高度自适应布局
    典型的三行二列居中高度自适应布局
    如何使整个页面内容居中，如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子，并详细解释。（本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。） 首先先按这里看实 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：722 | 回复：0
  • 闭合浮动元素超级简单的方法
    闭合浮动元素超级简单的方法
    无意中看到的一个非常不错的小技巧.是关于用CSS处理闭合浮动元素的方法,收藏了.关于闭合浮动元素（clearingfloat）的方法现在已经很多了，你还不了解的话去old9的blog看看，有一篇闭合浮动元素。这些方法我最喜欢就 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：696 | 回复：0
  • 双表法调用样式表
    双表法调用样式表
    用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：692 | 回复：0
  • 梦幻式下拉菜单
    梦幻式下拉菜单
    A {TEXT-DECORATION: none}A:hover {COLOR: #ff9900; TEXT-DECORATION: underline}TD {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}TH {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}BODY {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}#mnu {F ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：733 | 回复：0
  • top、clientTop、scrollTop、offsetTop
    top、clientTop、scrollTop、offsetTop
    top、clientTop、scrollTop、offsetTop 　　 图示说明如下： 51windows.Net var s = "";s += "\r\n网页可见区域宽："+ document.body.clientWidth;s += "\r\n网页可见区域高："+ document.body.clientHeight;s ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：684 | 回复：0
  • CSS实现表格的背景两色渐变
    CSS实现表格的背景两色渐变
    原理是使用Alpha滤镜在每个表格上加上一个透明渐变，由table的背景颜色控制，单个td控制另一色渐变 Alpha滤镜 语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：712 | 回复：0
  • CSS滤镜示范(filter)附源代码(静态滤镜)
    CSS滤镜示范(filter)附源代码(静态滤镜)
    filter(css滤镜) body { margin: 0px; padding: 0px; } table { font-size: 12px; border: 1px solid #0000FF; } tr,td { padding: 0px; border: 1px solid #0000FF; } filter视觉滤镜的种类 Alpha(透明度) ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：683 | 回复：0
  • 保存几个不错的css特效字
    保存几个不错的css特效字
    .drop0 {color:#FFFFFF;filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px;}.drop1 {color:#000000;filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1);FONT-SIZE: 12px ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：674 | 回复：0
  • 网页美工制作规范
    网页美工制作规范
    1，允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的head/head之间应该加入Keywords和Description元标记，制作页面是不要忘记添加客户网站的关键字。尤其是通用网址的页面，一定 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：646 | 回复：0
  • 容器高度100%的绝对定位布局
    容器高度100%的绝对定位布局
    容器高度100%是经常用到的需求，任何容器都可以实现，而且不需要嵌套关系。 把body看作是一个容器，做为内部对象的上层标签，他的高度设置为100%是关键。 最基本的例子 * { margin:0; padding:0; border:0;}html,bod ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：641 | 回复：0
  • HTML表单元素覆盖样式元素问题及其补救之道
    HTML表单元素覆盖样式元素问题及其补救之道
    在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题，图一就是一个典型的例子。不要小看这个貌似“低级”的问题，即使一些规模较大的网站上类似的问题也绝不鲜见。本文探讨了造成这一问题的根本原因， ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：609 | 回复：0
  • CSS圆角区块容器生成器
    CSS圆角区块容器生成器
    当然还是用图片，只是可以生成自己所需色彩的图片。 http://www.neuroticweb.com/recursos/css-rounded-box/ 将上面生成的图片和下面代码存在同一个文件夹下： CSS圆角区块容器.rbroundbox { background: url(nt.gif ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：670 | 回复：0
  • HTML标记第1/2页
    HTML标记第1/2页
    -!---- -说明：注释标记，在“!--”与“--”之间的内容将不在浏览器中显示。 --------------------------------------------------------------------------------- -!DOCTYPE -说明：描述文件所符合的HTMLDTD，用于 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：645 | 回复：0
  • 表格隔行换色 css expression
    表格隔行换色 css expression
    第一行为其它颜色，这样写这个表达式表格CSS测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：642 | 回复：0
  • 解决input对齐问题vertical-alige
    解决input对齐问题vertical-alige
    ……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：684 | 回复：0
  • firefox样式表定义不支持cursor:hand
    firefox样式表定义不支持cursor:hand
    如果你在firefox下设置cursor:hand;会报错 所以你要用cursor:pointer才可以 完整形式 style cursor:pointer; /style……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：672 | 回复：0
  • CSS反转字符加密邮箱地址
    CSS反转字符加密邮箱地址
    为了防止爬虫软件搜索到你的Email地址，可以将Email倒着写，然后使用样式将其再正过来，代码如下： 效果如下：我的邮箱moc.liamg@100yxuod .backwards {unicode-bidi:bidi-override; direction: rtl; color:#c00;} h ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：692 | 回复：0
  • 给图片加阴影效果的CSS
    给图片加阴影效果的CSS
    .pic { position:relative; background:#CCC; margin:10px; } .pic span { display:block; border:1px solid #333; background:#FFF; position:relative; padding: 3px; } .right {/*阴影在右边时*/ top:-4px; left: ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：684 | 回复：0
  • 给超级链接增加其他样式
    给超级链接增加其他样式
    给超级链接增加其他样式 a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00} a.two:link {color: #ff0000} a.two:visited {color: #0000ff} a.two:hover {font-size: 150% ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：666 | 回复：0
  • CSS 实用实例(推荐)
    CSS 实用实例(推荐)
    Background背景 设置背景颜色 body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} This is header 1 This is header ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：670 | 回复：0
  • css静态滤镜
    css静态滤镜
    很无聊的把n个滤镜堆在一起就成了下面这个效果，呵呵 IE5.5+Only #pp00 { width:950px; height:256px; position:absolute; left:10px; top:0px; background-color:#000060; font-size:256px; } #pp01 { width:0px; ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：673 | 回复：0
  • web标准布局实例教程，用定位轻松解决CSS复杂布局
    web标准布局实例教程，用定位轻松解决CSS复杂布局
    我相信来经典论坛学习标准的朋友，99%都不是为了进W3C，不是为了成为专业的研究人员，那么大家来的目的是什么呢？很简单，其实都是想通过标准的学习让自己多增加一项技能而已，让自己在找工作的时候不会在被“需要熟 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：674 | 回复：0
  • 首届世界CSS设计大赛结果揭晓
    首届世界CSS设计大赛结果揭晓
    Site of the Year Winner: UX Magazine 2nd.- Veerle's Blog 2.0 3rd.- Vitamin Associations Winner: Principles of Freedom 2nd.- White Pine Montessori 3rd.- Dalit Freedom Network Blogging Winner: Simple B ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：695 | 回复：0
  • 无边框表格
    无边框表格
    ……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：670 | 回复：0
  • 自定义容器和字体大小
    自定义容器和字体大小
    Home body { margin: 1em; text-align: center; font-family: Arial, Helvetica, sans-serif; } body * { margin: 0; } #content { padding: 1em; background-color: #BBDDFF; background-image: url(column_ ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：667 | 回复：0
  • ASP+CSS 实现列表隔行换色
    ASP+CSS 实现列表隔行换色
    列表隔行换色是指在新闻和文章列表中，前一行和后一行的背景色交替显示，也可称为斑马线，给网页可增色不少。今看到小毅在BI的贴子“标准下隔行换色的思考”，采用UL的两行背景重复，虽说方法不错，但LI里的高度只能 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：697 | 回复：0
  • IE最新的欺骗代码
    IE最新的欺骗代码
    pa id="SPOOF" href="leafweb.cn/" target="_blank"http://www.leafweb.cn/"/a/pdiva href="http://www.163.com" target="_blank"tablecaptionlabel for="SPOOF"u style="cursor: pointer; color: bl……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：760 | 回复：0
  • 自定义容器和字体大小
    自定义容器和字体大小
    !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" lang="en" head titleHome/title meta h ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：661 | 回复：0
  • 凹陷文字 推荐
    凹陷文字 推荐
    怎么样，我凹下去了吧？你不想试试吗？www.lenvo.cn……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：673 | 回复：0
  • 漂亮的表格
    漂亮的表格
    !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"headmeta http-equiv="Content-Type" content="text/html ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：640 | 回复：0
  • DIV_圆边圆角的实现
    DIV_圆边圆角的实现
    v\:*{behavior: url(#default#VML);}……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：696 | 回复：0
  • CSS锦囊
    CSS锦囊
    在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。有疑问，先验证 在调试时，先对您的代码进行验证往往能省去不少 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：684 | 回复：0
  • CSS超级技巧大放送合集
    CSS超级技巧大放送合集
    一.使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HT ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：667 | 回复：0
  • HTML结构化：实践DIV＋CSS网页布局入门指南
    HTML结构化：实践DIV＋CSS网页布局入门指南
    你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：732 | 回复：0
  • div+css排版的样例
    div+css排版的样例
    div+css排版的样例 Div布局 body{text-align:center;margin:0;padding:0}/*text-align:center是ie中必须要有的*/div { height:200px; color:red; } .title { margin:0 auto; width:776px; background- ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:53 | 阅读：662 | 回复：0
热门推荐
More+
专题导读
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap