`
charrysong
  • 浏览: 48625 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论
文章列表
在我们平时所写的ASP.NET中,我们更多的是去使用服务器端控件:<asp:>。与此同时,我们却忽略了很多HTML元素的使用。 在这章,让我们来简单的对HTML的一些元素的标准来做简单的回顾。 1. <q> 和 <blockquote> 对于这两个元素,我想很多经常去使用.NET服务器端控件,以及Visual Studio或者DW等可视化工具的人,应该对他们已经忘记的差不多了。在这里,我们来做个简单的复习。 首先我们回忆两个概念,在HTML中的内联元素和块元素。在这里我说下我的理解: 块元素常用的作用是用来其他的元素,他最典型的标志就是把自己所包围的 ...
一、用class_name方式写类名。  以前喜欢用class-name写,不过好像两样也没什么差别。但我比较反对用className写类名,因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式,理由见下一条。二、样式都用class而不用id。  有三个理由,一,id不可以重复,所以用class的话,可以肆无忌惮的用无数次。二,id的优先级太高,若是写了一个#page_content a {color:#f60} ,那你完蛋了,里面要改链接颜色,都必须加上#page_content才能越过这个优先级。三,id专门留给JS用,这样才符合表现与行为分离的原则。所以id我用驼峰式,也是 ...
很多人在在web开发中,经常会遇到图片和临界元素之间有间隔,多发生在ie6下! 如以下两种情况1.未加效果在ie6下会出现这种情况!;2、加了display:block处理后的效果; 1、代码如下: Html代码运行 <style type="text/css">   div{width:205px;height:121px;border:1px solid #ddd;padding:5px;}    img{width:205px;height:121px;}    </style>   <div>& ...
今天看到蓝色理想有几个哥们都发了自己写的烟花效果,弄的心里痒痒,自己也想写一个出来玩,结果把IE写死好几次,还是放弃了,这里转几个别人写的效果上来分享! 转自:http://www.ok22.org/art_detail.aspx?id=176(可直接运行) Html代码运行 <script type="text/javascript">       var fireworks = function(){         this.size = 20;         this.rise();        }    ...
早段时间特别的忙,忙到站点一直没有更新;但是这段时间也是偷偷的做了一些的工作,比如对站点的JS进行了压缩,构思labs分站以及聚合分站。 而此段时间最烦的是森林群里面的一群人每天上班都在吵,然后我就每次都装嫩的在里面问:“各位高手,劳烦请问一下;清除浮动怎么弄?” 清除浮动一个凡是做页面的人都会遇到的一个东西,但是是否大家都能够清楚的知道,全方位的了解呢?于是一闲下来了马上写了这样的一篇文章,不能讲面面俱到,然而基本能将我所知道的倾囊相授了。 我们粗略的一起来看看清除浮动的办法一共有多少个。对应的DEMO 1. 采用伪类:after进行后续空制的高度位零的伪类层清除 2. 采用C ...
在web前端开发中,经常会遇到需要用背景或图片透明的问题。 首先,目前我们所面临的情况是: 1.在ie7+,firefox,safari,opera这些常用浏览器中,直接使用透明png是没有问题的,但在ie6下却不能透明。 2.ie6目前的时常份额仍然很大,我们必须考虑兼容ie6的问题。 解决办法: 1.使用gif代替,再各个浏览器中都可以透明,但效果不好,有毛边,这种在图片像素较单一,质量要求不是很高的情况下可以采用。 2.使用png,但需要在ie下做额外处理。 3.需要专门下载微软的ie6升级包,但不能要求每个用户都去升级,因此此方法这里不做考虑。 png图片透明解决办法 1. ...
我相信一般人网页布局都经过如下过程: 1.完全使用设计器拖拉式布局。 2.书写简单标签,定位等复杂操作仍需要设计器解决。 3.完全书写代码,但往往是标签和样式同步书写。 我相信现在大多数同学还出于第3条所描述的境界,其实还有第4种,这也是本人现在所使用的布局方法: 4.效果图分析完成后,先将html书写完毕,样式后续附加。 首先不论出于那种情况,都是可以做出好的作品,只是对布局的理解不同罢了,其实针对第4条来说,在这里简单谈下它的好处以及达到这样的境界需要做的准备: 这样做毫无疑问界面以及代码都将更加简洁,漂亮;有句话说的好,简洁漂亮的代码往往是执行高效的代码,如果你力求做到这个,那么我 ...
首先是借鉴了yiminghe大虾的创意和思路(http://www.iteye.com/topic/705529),可惜看到帖子的时候里面的demo已经打不开了,所以决定自己也做一个。 我觉得他画的数字不好看,所以我还是按照经典样式做的。另外变换数字的原理和思路也他的也不一样,我是全都交给css来完成了,我个人认为渲染效率更高些,实现起来也更简单些。 其实很容易就能封装成时钟、倒计时、秒表一类的应用。 特点如下: 1,纯css实现,无图片 2,以em为长度单位,支持缩放 3,以不同类名来控制显示数字,方便控制 转自:http://www.ok22.org/art_detail.aspx?id ...
看了很多别人写的tab切换效果感觉都只是div+js去切换已存在的!有的是添加或删除tab的但是太麻烦了还要改js文件你说是不是很不方便呢,我这个直接修改页面里面的参数就可以了!所以我自己就写了这个功能!谢谢,如果转载请注明出处(http://www.ok22.org)幸凡在线学习网 你自己可以添加菜单但是要注意的是CreateDiv(tabid,url,name) 第一个tabid不能重复,想添加多少个都行。但是太多了不知道会成什么样你自己看! 转自:http://www.ok22.org/art_detail.aspx?id=118(可直接运行) 效果图如下: <!DOCTY ...
Global site tag (gtag.js) - Google Analytics