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

HTML/CSS编程经验

RSS
  • utf8和unicode编码究竟是什么关系？有何区别?
    utf8和unicode编码究竟是什么关系？有何区别?
    UTF8==UnicodeTransformationFormat--8bit 是Unicode传送格式。即把Unicode文件转换成BYTE的传送流。 UTF8流的转换程序： Input:unsignedintegerc-thecodepointofthecharactertobeencoded（输入一个unicode值） Outp ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：270 | 回复：0
  • Cross-Browser Variable Opacity with PNG
    Cross-Browser Variable Opacity with PNG
    Periodically, someone tells me about the magic of PNG, how it's the ideal image format for the web, and that someday we'll all be using it on our sites instead of GIF. People have been saying this for ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：286 | 回复：0
  • 解析IE, FireFox, Opera 浏览器支持Alpha透明的方法
    解析IE, FireFox, Opera 浏览器支持Alpha透明的方法
    先请看如下代码：复制代码 代码如下:filter:alpha(opacity=50);/*IE*/ -moz-opacity:0.5;/*Moz+FF*/ opacity:0.5;/*支持CSS3的浏览器（FF1.5也支持）*/简单解释，IE使用私有属性filter:alpha(opacity)，MozFamily使 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：271 | 回复：0
  • 兼容多浏览器实现半透明(Opera ie firefox)
    兼容多浏览器实现半透明(Opera ie firefox)
    Clickonalinkabovetomaketheimagedisappearandre-appearbygraduallyfadingin/out.ItusesCSStransparency,inCSSyoucansetthetransparencyindifferentways.Toensurethatitworksonmostbrowsersweuseallthree. opacity:0 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：275 | 回复：0
  • 分页显示之超级提速版
    分页显示之超级提速版
    大家知道，asp本身提供分页功能，但是，如果数据量很大的时候，分页显示起来，每换一页都要等N长时间，那是人们最讨厌的事情。那为什么每换一页都要这么长时间呢？其实，事实上每换一个页面，后台就从数据库中检索一 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：244 | 回复：0
  • iframe 背景透明 实现方法
    iframe 背景透明 实现方法
    allowtransparency="true" style="background-color=transparent"……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：274 | 回复：0
  • 欢迎品尝用vml画的苹果~~
    欢迎品尝用vml画的苹果~~
    v\:*{behavior:url(#default#VML)} v\:*{behavior:url(#default#VML)}……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：288 | 回复：0
  • vml简介
    vml简介
    VML(Vector Markup Language) 是一个最初由Microsoft开发的XML词表，现在也只有IE5.0以上版本对VML提供支持。使用VML可以在IE中绘制矢量图形，所以有人认为VML就是在IE中实现了画笔的功能。下面介绍一下VML的优点： ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：257 | 回复：0
  • VML网页文件的基本格式
    VML网页文件的基本格式
    v\:* { behavior: url(#default#VML);} o\:* { behavior: url(#default#VML);} 网页的标题 网页的标题 v\:*{behavior:url(#default#VML);} 很显然，跟HTML网页的结构很类似，以上标记的意思你可以 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：276 | 回复：0
  • 何为“VML”、VML的基底知识
    何为“VML”、VML的基底知识
    HTML是WEB网页的标准格式，我们看到的网页都是HTML标记编写的，但标记有限-VML是用代码标签在网页内绘图的标记语言，类似HTML，或可说是HTML的补足-输出的图像是矢量图形格式，图形又支持以2D、3D、动态动画的形式呈 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：291 | 回复：0
  • VML应用实例大全
    VML应用实例大全
    HTML xmlns:v HEAD META http-equiv="Content-Type" content="text/html; Charset=gb2312" META name="GENERATOR" content="网络程序员伴侣(Lshdic)2004" META name="GENERATORDOWNLOADADDRESS" content="http://www ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：293 | 回复：0
  • 文本修改留痕
    文本修改留痕
    在办公自动化，公文审核的时候，就需要用到 留痕操作了，就是把修改的东西直接在文本上显示，而不直接改动它。在以前，我没有用VML去做，很勉强的用 TextRange 改变文本的颜色，然后增加一个层显示更改信息。第一次 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：280 | 回复：0
  • 数据图表
    数据图表
    现在我们来看看VML的一些应用。数据图表可以说是VML的拿手好菜。绘制图表，最重要的步骤是把数据转换成坐标。由于VML是矢量的， 给数据的取值范围有很大的自由度，因为你可以用带小数的坐标值，也可以是非常大的数据 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：255 | 回复：0
  • 给VML增加事件
    给VML增加事件
    VML 和 HTML 的紧密结合，使的给 VML　增加事件变得很容易．所有的 HTML 里面的事件都可以应用到 VML 中间来！下面的例子是演示：当鼠标移动到圆的时候，圆就跟着鼠标移动了，当鼠标点击后，圆停止移动。 v:oval id= ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：281 | 回复：0
  • 放大缩小VML
    放大缩小VML
    由于VML是矢量的，放大缩小变得很容易了。我们先看一个例子，看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件，当放大太多了，可以拖动图片查看 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：289 | 回复：0
  • 脚本动态生成VML
    脚本动态生成VML
    我们编写 VML 很重要的就是要和 数据库结合，如果和数据库结合了，读数据和把数据转换成 VML 变成了两部分。如果直接使用 ASP 生成 包含很多 VML 的页面，一旦数据量多了，整个页面就变得很庞大，下载速度慢了，IE解 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：270 | 回复：0
  • ShapeType给VML制作模版
    ShapeType给VML制作模版
    VML的这个功能很有用，模版，顾名思义，它可以减少书写代码的量，又使的代码可读性提高。在理解VML模版的时候，可以和 HTML 的 CSS 一样理解，它是定义好的一种形状，下次使用的时候直接声明 type 属性就可以了。看 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:49 | 阅读：254 | 回复：0
  • CSS网页布局入门教程10：带当前标识的标签式横向导航
    CSS网页布局入门教程10：带当前标识的标签式横向导航
    当前标识指用户点击该频道或栏目，该栏目的标签呈现出与其他标签不同的颜色用以提示用户所处的位置。 这种设计是网站设计中相当简单而且是相当经典的一种增进网站可用性的方式。网站让用户使用时是应该考虑到用户浏 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：209 | 回复：0
  • CSS网页布局入门教程9：用CSS设计网站导航——横向导航
    CSS网页布局入门教程9：用CSS设计网站导航——横向导航
    网站导航是网站中最重要的元素，是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 　　横向导航　作为门户网站的设计而言，主导航 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：192 | 回复：0
  • 网页编辑中CSS样式表技巧总结
    网页编辑中CSS样式表技巧总结
    一、关于注释 在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/*注释内容*/”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：195 | 回复：0
  • 在解决ul居中问题时想到的几点
    在解决ul居中问题时想到的几点
    最近在做网站的时候碰到了一个问题：我用ul标签和li标签构建的导航栏想要在不确定li数量和li,ul宽度的情况下居中，但是给ul使用了text-align:center之后却没有起到应有的效果。 原来的页面结构是： 复制代码 代码如 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：166 | 回复：0
  • DIV和CSS排版中制作细线条的方法小结
    DIV和CSS排版中制作细线条的方法小结
    今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效，特意查了一下相关文章。 最终有了解决方案，参考下面文章： 如果要制作一条高度小于12PX（大约）的线条，在IE中会显示出高于实际高度的，看下面。 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：175 | 回复：0
  • 学习样式表CSS参考-常用的CSS知识
    学习样式表CSS参考-常用的CSS知识
    1. Block和inline元素对比 所有的HTML元素都属于block和inline之一。 block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 div, p, h1, form, ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：200 | 回复：0
  • 非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
    非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
    在蓝色上看到这篇文章的，感觉作者总结的不错，至少有些偶自己也没有真正的认识过。这些东西的确是应该好好总结一下的，可惜偶这人比较懒，收藏整理于此，便于自己学习！ 1.firefox不能对innerText支持。 firefox支 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：172 | 回复：0
  • DIV+CSS布局的网站对网站SEO的影响分析
    DIV+CSS布局的网站对网站SEO的影响分析
    符合XHTML标准DIV+CSS布局的网站，下面说说在SEO方面的影响。 　　代码精简 　　使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：173 | 回复：0
  • IE6，IE7和firefox对DIV的支持区别
    IE6，IE7和firefox对DIV的支持区别
    1针对firefoxie6ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html” ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：173 | 回复：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 | 阅读：181 | 回复：0
  • 纯CSS生成抗锯齿圆角的代码
    纯CSS生成抗锯齿圆角的代码
    抗锯齿圆角 .antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;} .spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; back ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：186 | 回复：0
  • 布局用CSS+DIV的优点总结
    布局用CSS+DIV的优点总结
    采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点，像阿里巴巴、163等大型门户站点就已经完成了重构工作。本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了，个人感觉这种方法确实比传统的TABLE形 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：202 | 回复：0
  • 大家需要掌握的 html下SPAN和DIV的区别
    大家需要掌握的 html下SPAN和DIV的区别
    SPAN和DIV的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN是行内元素，SPAN的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：176 | 回复：0
  • 关于超链接的下划线 使用说明
    关于超链接的下划线 使用说明
    关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击， ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：204 | 回复：0
  • scrollWidth,clientWidth与offsetWidth的区别
    scrollWidth,clientWidth与offsetWidth的区别
    scrollWidth 是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）。 clientWidth 是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。 offsetWidth 是对 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：198 | 回复：0
  • HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
    HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
    scrollHeight:获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：181 | 回复：0
  • css中的行间距的代码
    css中的行间距的代码
    Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{ font:12pxtahoma; line-height:18px; } 今天才发现，原来可以写成一行，修改如下： # ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：181 | 回复：0
  • css实现兼容各个浏览器的技巧的代码
    css实现兼容各个浏览器的技巧的代码
    在编写css样式表的时候常常会碰到一写浏览器兼容的问题，象是不同内核的浏览器显示就不一定相同，不同版本的的浏览器也会产生上下兼容的问题，如何解决这些问题成了我们苦恼的问题，如果你对csshack技术很了解的话， ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：197 | 回复：0
  • css 之 background-position-x
    css 之 background-position-x
    divstyle="width:300px;height:300px;background-image:url(http://www.dnew.cn/template/4color/images/green.png);background-position-x:100"/div 只能background-position:1000这样来写……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：184 | 回复：0
  • 做网页字体大小参考 网页中同字号字体的不同单位对比列表
    做网页字体大小参考 网页中同字号字体的不同单位对比列表
    对于WEB前端页面开发，字体大小的设置是比较重要，这里找到了一些关于字号大小的数据，共享出来备以后参考，也希望能对大家有用！Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：163 | 回复：0
  • 研究了一下div+css的高度自适应问题
    研究了一下div+css的高度自适应问题
    div+css还是比较难搞的，要实现上下两个div高度自适应感觉麻烦，查了下资料只找到上下高度都是百份比的是可以的，我要实现上面的div是具体像素高度，下面是自适应剩余的百份比。自己搞了一下还要用上js，不知道是不 ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：165 | 回复：0
  • css实现行间距效果
    css实现行间距效果
    Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{ font:12pxtahoma; line-height:18px; } 今天才发现，原来可以写成一行，修改如下： # ...……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：161 | 回复：0
  • 用css实现隐藏文本框
    用css实现隐藏文本框
    方法1本来的文本框是 inputtype="text"value=""/ 加上 inputtype="text"value=""style="display:none;"/ 方法2 inputtype="hidden"/……
    作者：菜鸟教程小白 | 时间：2022-2-5 17:48 | 阅读：162 | 回复：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