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

HTML/CSS编程经验

RSS
  • 如何实现多风格选择 样式实时切换
    如何实现多风格选择 样式实时切换
    我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的差异，也可能是针对不同的用户群而特别定制的样式。 　　我们该如何实现 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：160 | 回复：0
  • ul在Firefox和IE下的不同表现的解决方法
    ul在Firefox和IE下的不同表现的解决方法
    最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 　　ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 　　ul在Firefox下有个paddin ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：168 | 回复：0
  • 用div+css解决出现水平滚动条问题
    用div+css解决出现水平滚动条问题
    十分郁闷的问题，看下我原来写的代码： 无标题文档 body{width:990px;} #head{height:95px;width:990px;} 居然出现了水平滚动条，问题是我定义的宽度才950px啊！最后还是在网友的帮助下，发现了原因： ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：152 | 回复：0
  • 用滑动门技术设计按钮的图文教程
    用滑动门技术设计按钮的图文教程
    本文为翻译文章，全文地址：http://diger.cn/article.asp?id=351原文地址：http://www.filamentgroup.com/lab/buttonElement/Particle Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术，对于那些不 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：167 | 回复：0
  • 用css动态生成闪字的代码
    用css动态生成闪字的代码
    需要的一张图片： aa div{ width:0px; background:url(/upload/20077101039968.gif) } table{ letter-spacing:10px; font-size:60px; font-weight:900; filter:mask(color=#ffffff) } 我是中国人 请输入: og ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：138 | 回复：0
  • 用CSS给图片打标的方法
    用CSS给图片打标的方法
    !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" htmlxmlns="http://www.w3.org/1999/xhtml" head metahttp-equiv="Content-Type"content="tex ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：155 | 回复：0
  • 用CSS构建iframe效果代码
    用CSS构建iframe效果代码
    iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用css布局来实 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：171 | 回复：0
  • 应用WEB标准实例：列表页面的制作
    应用WEB标准实例：列表页面的制作
    实例效果图： 整体观察思考： 在开始制作页面前，我们首先要观察图的结构，考虑怎样布局，布局对一个网站来说非常重要，他是整个体系的骨骼。 再看此图 很经典的三行两列结构，分为四块，TOP、RIGHT、LEFT、BOTTOM ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：171 | 回复：0
  • CSS属性 - white-space 空白属性使用说明
    CSS属性 - white-space 空白属性使用说明
    CSS属性-white-space空白属性说明 该CSS属性用来处理空白。 值：normal|pre|nowrap|inherit 可用值值的说明 normal缺省值。文本自然换行。如果超过元素宽度，内容自然换到下一行。 nowrap不允许换行。 pre保留换行和 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：174 | 回复：0
  • 做网页中需要掌握的八个CSS布局技巧
    做网页中需要掌握的八个CSS布局技巧
    1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：170 | 回复：0
  • dhtml shtml xhtml的区别解析
    dhtml shtml xhtml的区别解析
    dhtml: 确切地说，DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：159 | 回复：0
  • CSS中几种常见的注释
    CSS中几种常见的注释
    1、选择器（childselector） 如果你想在IE中隐藏一个CSS定义，可以使用子选择器。 css部分： htmlbodyp{ /*declarations*/ } 2、“通配符”(*) 这种写法只有IE浏览器可以理解（对其他浏览器都隐藏） css部分： *html ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：138 | 回复：0
  • CSS2实现的隔行换色
    CSS2实现的隔行换色
    利用了CSS2的相邻选择符IE7以下不支持 隔行换色示例: !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" htmlxmlns="http://www.w3.org/1999/xhtml" head ti ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：158 | 回复：0
  • 超赞的随机颜色搭配工具
    超赞的随机颜色搭配工具
    点激SPIN随机生成一组颜色Flash动画在线播放……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：167 | 回复：0
  • 解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
    解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
    转自蓝色理想 作者bias 原文地址http://www.blueidea.com/tech/site/2006/3296.asp之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：152 | 回复：0
  • 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！
    用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！
    用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！ 下面代码有点多！但做出来你肯定喜欢！ 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！我不想废话了，开门见山吧。 先看演示：http://www.gz7y.com点精彩推荐即可看 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：164 | 回复：0
  • div+css布局必须要知道的css条件注释理论及实践第1/2页
    div+css布局必须要知道的css条件注释理论及实践第1/2页
    浏览器的条件注释理论，用下面一段例子来解释这个问题 (X)HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 复制代码 代码如下:!-- h1您正在使用IE浏览器/h1 !-- !-- h1版本5/h1 !-- !-- h1版本5.0/h ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：221 | 回复：0
  • 推荐三种简洁的Tab导航（网页选项卡）简析
    推荐三种简洁的Tab导航（网页选项卡）简析
    在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：144 | 回复：0
  • 一些很不错的css技巧,但也常为人们所忽略
    一些很不错的css技巧,但也常为人们所忽略
    一.区分大小写 当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 二.不需要给背景图片路径加引号 为了节省字节，我建议不要给背景图片路径加引号，因为 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：155 | 回复：0
  • font和line-height之CSS代码书写顺序不同，导致显示效果不一样
    font和line-height之CSS代码书写顺序不同，导致显示效果不一样
    无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。 即： 如果先写font，再写line-height，显示效果正常 如果先写line-height， ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：141 | 回复：0
  • CSS优化2-(常用CSS缩写语法总结)
    CSS优化2-(常用CSS缩写语法总结)
    使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：171 | 回复：0
  • 关于margin-left的示例代码
    关于margin-left的示例代码
    刚找到一个不错的东东 body{margin:36pt24pt36pt;} body{margin:11.5%;} body{margin:10%10%10%10%;} #idParentDiv{width:100%;padding:6px;background-color:buttonshadow;} #idDiv{width:400px;height:80px;backg ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：172 | 回复：0
  • 多中语言实现判断客户访问用得是那个域名 然后转到对应的目录 ...
    多中语言实现判断客户访问用得是那个域名 然后转到对应的目录 ...
    多中语言实现判断客户访问用得是那个域名然后转到对应的目录 asp版： 发表多个绑定多域名的ASP代码 如果有有一个ASP空间，而你又想放置多个多个站点，这些代码可以帮到你 第一个 %ifRequest.ServerVariables("SERVER ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：149 | 回复：0
  • css——之三行三列等高布局图文教程
    css——之三行三列等高布局图文教程
    http://www.alistapart.com/articles/holygrail这个翻译的页面版权归greengnn所有，转载请注明出处第一步：创建一个结构xhtml开始于header, footer, and container div id="header"/divdiv id="container"/divdiv id ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：170 | 回复：0
  • 仿客齐集首页导航条DIV+CSS+JS [代码实例]
    仿客齐集首页导航条DIV+CSS+JS [代码实例]
    作者子鼠 客齐集首页的一个效果,今天有人问我是怎么写的,于是晚上就又重写了一个;顺便把那个布局再理一下； 你可以先看一下客齐集首页的效果：http://shanghai.kijiji.cn 我试着不用position:absolute的方法；但写起 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：137 | 回复：0
  • 把 CDATA 中的内容（有可能是不规范的Html代码）以Html方式展现出来。 ...
    把 CDATA 中的内容（有可能是不规范的Html代码）以Html方式展现出来。 ...
    前不久我写过XML+XSL与Html的结合文章，之后有人问我如何把CDATA中的内容以Html方式展现出来（尤其是用户写的Html不规范）。本来想写个范例，后来到Google上一查，发现已经有人写了。就在：http://java.blogger.cn/w ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：139 | 回复：0
  • 用css实现的灰度/原色连接效果
    用css实现的灰度/原色连接效果
    很早以前的，还没有DW的时候，我们就会搞灰度连接了。 无标题文档……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：147 | 回复：0
  • HTML下在IE浏览器中的专有条件注释讲解
    HTML下在IE浏览器中的专有条件注释讲解
    在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的InternetExplorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：144 | 回复：0
  • CSS控制文本自动换行的问题
    CSS控制文本自动换行的问题
    用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（ 总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 table{table-layout:fix ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：141 | 回复：0
  • 实用的利用 CSS + <em>标签 来完成一个三角形的制作 ...
    实用的利用 CSS + <em>标签 来完成一个三角形的制作 ...
    利用 CSS + 标签 来完成一个三角形的制作 M One M Two M Three M Four……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：192 | 回复：0
  • 用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦！ ...
    用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦！ ...
    语句： DIValign=center TABLEstyle="TABLE-LAYOUT:fixed"height=28cellSpacing=0cellPadding=0width="100%" TBODY TRheight=1 TDwidth=1/TDTDwidth=1/TDTDwidth=1/TD TDbgColor=边框颜色/TD TDwidth=1/TDTDwidth=1/ ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：161 | 回复：0
  • 让iframe自适应高度（支持xhtml）IE firefox兼容
    让iframe自适应高度（支持xhtml）IE firefox兼容
    获取页面高度，窗口高度，滚动条高度等参数值 获取页面高度，窗口高度，滚动条高度等参数值……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：198 | 回复：0
  • CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
    CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
    浏览器兼容问题-CSSDiv最小高度在IE6和IE7中的兼容性问题 用CSS的定义一个DIV的高度时，在IE7浏览器下可以正常显示。但是在IE6中，height在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下： 法一：定义o ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：178 | 回复：0
  • div+css中Class与ID的区别
    div+css中Class与ID的区别
    一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事线，你可以通过CSS，Javascript等来使用这个类。因此你可以在一个页面上使用cla ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：157 | 回复：0
  • 推荐css打造经典鼠标触发显示选项
    推荐css打造经典鼠标触发显示选项
    看到了分享：绝对经典的滑轮新闻显示(javascript+css)这个帖子，都是css+js的控制经典，其实单css就可以搞定了，只不过是为了兼容那垃圾的IE才不得做个js， 以下的代码如果去掉js部分地话，在Opear和Firrfox都能正常 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：198 | 回复：0
  • dl,dt,dd制作的CSS垂直菜单
    dl,dt,dd制作的CSS垂直菜单
    感觉跟ul和li有点类似,不过也算是一种新思路,源码如下: dl,dt,dd制作的CSS垂直菜单 #menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(file:///E|/ceshi/media/bottom.gif) ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：196 | 回复：0
  • 彻底弄懂CSS盒子模式系列教程集合
    彻底弄懂CSS盒子模式系列教程集合
    blueidea终于可以出点让人惊呀的东西了，一直对clear和position不太理解，没想到这次的系列教程全给提及到了，不错，赞一下。彻底弄懂CSS盒子模式之一彻底弄懂CSS盒子模式之二彻底弄懂CSS盒子模式之三彻底弄懂CSS盒 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：211 | 回复：0
  • 都是IE惹的祸多浏览器兼容问题
    都是IE惹的祸多浏览器兼容问题
    IE7发布已经有些日子了，因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容，找到了一个解决办法，这里既是共享，也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历，以下代码区分4 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：184 | 回复：0
  • 推荐一篇利用th,colgroup,col定义表格样式
    推荐一篇利用th,colgroup,col定义表格样式
    定义表格各列的样式，不用每个td都在那里加一堆的Class，利用th,colgroup,col等属性，轻松搞定^_^ 代码如下：复制代码 代码如下:style table.Demo{ border-collapse:collapse; color:#454545; font:11px/150%Verdana ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：160 | 回复：0
  • 你不一定知道的Label的For用法
    你不一定知道的Label的For用法
    HTML中的Label标签，未接触标准的恐怕会比较陌生。即使接触了标准，很多人也只是当成一个容器，用来解释表单中的元素。概念性的东西我这里就不罗唆了，有兴趣的可以参看W3上的教程。 这里偶只是想谈谈Label中For的用 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：181 | 回复：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