经验交流

cookie解决微信不能存储localStorage的问题 2016-08-22

本文主要介绍使用cookie解决微信不能存储localStorage的问题, 这里提供了代码示例,有需要的小伙伴可以参考下在开发基于微信的Web页面时,发现有些机型不能存储信息到localStorage中,或者是页面一旦关闭,存储的信息也失效了. 用cookie来替代localStorage,存储一些简单的数据.上网查找了一下,发现w3school上已有不错的解决方案. 设 ...

推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第3/3页 2016-07-01

熟悉工作流程 在真正开始工作之前我们脑海中要形成这样一种思想:表格是什么我不知道,在内容部分我不能让它再出现表现控制标签,如:font.color.height.width.align等标签不能再出现,(简单说工作前先洗脑,忘掉以前的一惯做法,去接受和使用全新的方法),我不是单纯的用DIV来实现排版的嵌套,DIV是块级元素,而像P也是块级元素,例如要分出几个文字内容块,不是 ...

多浏览器下IE6IE7firefoxli间距问题第2/2页 2016-05-29

多浏览器下IE6IE7firefoxli间距问题第2/2页
测试二,定义css为如下代码:  代码如下:body{font-size:12px;margin:0}   ul{list-style:none;margin:0;padding:0;}   ul li{background:green;height:20px;width:120px;}   ul li a{color:#fff;padding:0 0 0 10px;}   ...

推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第2/3页 2016-05-15

如果还要对这个段落加上字体.字号.背景.行距等修饰,直接把对应的CSS加进P样式里就行了,不用像这样来写了: http://www.hsptc.com/css1.html 用CSS排版减小网页文件体积像上面我做的那个版面,一共分为四个区块,每个区块的框架是一样的,这个框架就是用CSS写出来的,样式写一次,就可以被无数次调用了(用class调用,而不是ID),只要改变其中的文 ...

纯CSS生成抗锯齿圆角的代码 2016-04-15

抗锯齿圆角 This is content here http://www.spiffycorners.com/index.php?sc=spiffy&bg=3847B4&fg=D68A88&sz=3px 如需引入外部Js需刷新才能执行]

关于H1的位置解析 2016-04-14

最近对H1的讨论很多在文章内容页中,大致有以下两种情况: H1应该用于文章的标题上 H1应该用于站点的标题上相信大多数人都偏向第一种方式:用于文章标题上,从文章的角度上看,用户进到内容页里,想看到的当然就是文章的内容,文章标题理所当然是最重要的.最应该突出的. OK,以上是在文章的角度看的,如果在页面的角度看呢? 页面中除了文章内容.由内容引伸出来的链接外,还有导行.广告. ...

推荐个不错的表单Input的高级用法11例 2016-03-24

1.取消按钮按下时的虚线框  在input里添加属性值 hideFocus 或者 HideFocus=true  2.只读文本框内容  在input里添加属性值 readonly  3.防止退后清空的TEXT文档(可把style内容做做为类引用)  <INPUT style=behavior:url(#default#savehistory); type=text i ...

css命名规范 2016-03-05

页头:header 登录条:loginbar 标志:logo 侧栏:sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus ...

网页设计布局基础第4/4页 2016-02-27

三.网页布局的技术  1.层叠样式表的应用  在新的HTML4.0标准中,CSS(层叠样式表)被提出来,它能完全精确的定位文本和图片.CSS对于初学者来说显得有点复杂,但它的确是一个好的布局方法.你曾经无法实现的想法利用CSS都能实现.目前在许多站点上,层叠样式表的运用是一个站点优秀的体现.你可以在网上找到许多关于CSS的介绍和使用方法. 当然,日趋炙热的WEB标准(XHT ...

div的dispaly:inline样式和span的区别 2016-02-22

为什么在ie里执行后这段代码 两个span标签虽在同一行但它们之间有空隙? 但是 两个div标签虽然在同一行就没有空隙?不是说用了display:lnline就变内联原素了吗 为什么还和span有区别更奇怪的是ff里面执行就没区别 xxx xxx xxx xxx 我是没有间隔的伟大的hutia,挖哈哈哈 如需引入外部Js需刷新才能执行]IE中回车是作为一个空格处理的,挖哈哈 ...

relativeabsolute无法冲破的等级问题解决第2/3页 2016-01-11

如果我我们设定LI为position:relative;设置span为position:absolute;那么我们会发现无论SPAN的z-index值设置得再高都将永远在后面父级的下面.我们设定了a为position:relative;这样他的子级就会根据父级的左上角为坐标原点进行定位了.然后我们设定span的具体形状以及定位属性,然后把他隐藏了.我们再通过A的伪类:hov ...

relativeabsolute无法冲破的等级问题解决第3/3页 2016-01-07

如果我我们设定LI为position:relative;设置span为position:absolute;那么我们会发现无论SPAN的z-index值设置得再高都将永远在后面父级的下面.补充:        前些时间发表的<position:relative/absolute无法冲破的等级>一文,讲了定位中的等级,这几天再看的时候发现文中讲得并不透彻,没有直指关 ...

css静态滤镜+A:Hover 2015-11-30

css静态滤镜+A:Hover
 css静态滤镜 + A:Hover 的效果 WU XIN 如需引入外部Js需刷新才能执行]然后配合上两行 JS, 做成这样,依然 IE Only Step2: WU XIN 如需引入外部Js需刷新才能执行]继续努力,加上磁性效果............就是测试久了会看的头晕....... Step3: WU XIN 如需引入外部Js需刷新才能执行]上一个效果鼠标动的快了会 ...

css层滚动条 2015-09-18

不用javascript实现带序号的表格隔行换色的效果 2015-09-11

观自在菩萨 行深般若波罗密多时 照见五蕴皆空 度一切苦厄 舍利子 色不异空 空不异色 色既是空 空既是色 受想行识 亦复如是 舍利子 是诸法空相 不生不灭 不垢不净 不增不减 是故空中无色 无受想行识 如需引入外部Js需刷新才能执行]

非常漂亮的css星级效果总结第2/2页 2015-09-06

也许上面这段文字你看得有些生涩,没有关系,让我们结合css代码来看看解决办法 <li><a href="#" title="2 stars out of 5" class="two-stars">2</a></li>  <li><a href=&qu ...

2006.12.06更新TopStyle剪辑库 2015-08-30

2006.12.06更新TopStyle剪辑库
添加了一套CSS选择符;添加并修正了一些js代码;修正了一些css代码属性描述;10.26这次基本没更新什么东西,具体也懒得说了.TopStyle专用,包含了布局.表单.js等常用代码,方便大家偷懒~呵呵,其实是为了加快开发速度.下载后解压至:系统盘:\Program Files\TopStyle3\user\ClipLib记得安装TopStyle哦,不然拿这个木用滴 下载 ...

网页设计布局基础第3/4页 2015-08-29

二.网页布局的方法   网页布局的方法有两种,第一种为纸上布局:第二种为软件布局.下面分别加以介绍:   1.纸上布局法   许多网页制作者不喜欢先画出页面布局的草图,而是直接在网页设计器里边设计布局边加内容.这种不打草稿的方法不能让你设计出优秀的网页来.所以在开始制作网页时,要先在纸上画出你页面的布局草图来.   准备一若干张白纸和一只铅笔,你要设计一个时尚站点.   * ...

div+css在思路和流程上实现结构与表现的分离分析 2015-08-07

内容与表现分离,从标准到国人重视那天起,就已经讨论了,但是停留在div+css xhtml+css 纯代码的分离,思想上流程上,到底如何分离?古老的话题:一首古诗的分离 1.给你一首古诗,保存为毫无格式的一堆文字,你去理解它的内容,进行结构的处理.用word排版之后,他有了结构 2.这个结构其实包含了语义和表现 3.用html进行结构化,抛开一切的表现形式,只考虑语义 4. ...

css浏览器不兼容原因分析及解决办法第2/2页 2015-07-19

浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现.11.img下的留白,大家看这段代码有啥问题: <div> <img src="" src="" /> </div> 把div的border打开,你发现图片底部不是紧贴着容器底 ...