ice-cream
- 浏览: 329089 次
- 性别:
- 来自: 上海
-
文章列表
级联样式表在13年前被引入，而且被广泛使用的CSS 2.1 标准在11年前被创建，显然我们现在已经与当年相差千里了。相当了不起的是期间网站开发有了多少进步——事实上，我们也无法想象。
为什么会这样呢，当提到CSS的时候，过去我们是如此的不情愿和害怕尝试？为什么我们还要使用讨厌的hack和依赖JavaScript的技术来写样式？为什么我们不能利用丰富的CSS3 特性和现代浏览器中可用的工具 并将我们的设计品质带到下一个等级？
是时候在我们的项目中引入CSS3 特性了，不用害怕逐渐在我们的样式表中加入css3特性和选择器会出问题。让我们的客户意识到CSS3的优势 (而且让旧浏览器更快的消失)是我 ...
- 2009-08-02 19:16
- 浏览 1391
- 评论(0)
<style type="text/css">
.eye{
display:inline;
overflow:hidden;
position:relative;
float:left;
margin:50px 0 0 50px;
width:50px;
height:50px;
font-size:50px;
line-height:106%;
+line-height:normal;
cursor:default;
}
.pupil{
overflow:hidden;
position:absolu ...
- 2009-07-09 23:31
- 浏览 1657
- 评论(0)
根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。
在进行页面的DIV CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现 ...
- 2009-06-25 13:56
- 浏览 2262
- 评论(1)
对于document.compatMode
，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode
的
使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在 Standards Mode和Quirks
Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks
Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks
Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。
docu ...
- 2009-05-17 20:23
- 浏览 1327
- 评论(0)
页面输出时一些常用的小技巧(一)
1.按日历设置每天的数据
(demo1.zip)
点击星期行的箭头，把第一个输入框(或者下拉框)的值赋给其它所以输入框(或者下拉框)，
点击星期行外的每行箭头，把点击行的第一个输入框(或者下拉 ...
搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。
为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入 ...
- 2009-05-11 13:21
- 浏览 1301
- 评论(0)
页面输出时一些常用的小技巧(二)
1.
菜单一 | 菜单二 | 菜单三(demo1.zip
)
代码结构：
<ul><li>菜单一</li><li>菜单二</li><li>菜单三</li></ul>
通常我们会li加css
border-right:1px solid #000
这样最后一个li也有右边框，是多余的，只能为最后一个li添加一个class来区分(左边框的情况类似)
而demo1中我们为li加css
ul{overflow:hidden; ...
写了一个价格过滤条：
重点是按钮的css定位要算好。
只能做粗略的过滤，分两种情况考虑，分别是左边按钮移动和右边按钮移动。
ie下貌似还有些问题，按钮释放有个bug。
function price_choose(){
var left_d=0,left_x=0,right_d=0,right_x=0;
var max = 10000;
var min = 100;
var s_b_left_width = $(".s_b_left").width();
var slider_box_width = $(".slider_box").width ...
Basic Specification & Usage Guide
页面基本结构和命名约定
assets 目录组织和文件命名规范
TBra 使用说明
默认约定(包括基本标注、对齐方式等)
Basic Style Platform
样式重置 reset.css
栅格布局 grids.css
栅格使用说明
基本样式 base.css
Taobao Common Stylescommon.css
Box
价格
图片
商品信息块
按钮
面包屑
信息提示
步骤条
翻页
标签页Tabs
- 2009-03-25 17:22
- 浏览 1792
- 评论(0)
结构：
<ul id="picture">
<li><img src="images/pic1.gif" alt="xx" title="xx" width="600" height="222" /></li>
<li><img src="images/pic2.gif" alt="xx" title="xx" width="60 ...
- 2009-03-13 15:23
- 浏览 4841
- 评论(7)
网页字符编码、语言代码与网站SEO关系
网页的encoding和lang是最基本的两个属性，虽然他们常常被省略和忽
视，但这两个属性对于网站的用户友好性和网页SEO的作用不可小视。
网页编码：encoding | charset
对于中文站，很多人会使用GB2312编码，这没有问题，如果又做了一个英文版本，还使用gb2312编码，这个理论上是没有问题的，但是英文的用户不太
可能安装gb2312的字符集，所以没法查看这个内容，不过新加坡的用户很可能支持这个编码，就没有问题，所以如果为了国际化方便，可能用utf8比较方
便。当然，可能只有极少数人会出现这个错误。
...
- 2009-03-13 13:56
- 浏览 2651
- 评论(0)
抽空把jquery ui
里的日历做了个整理，整合了换色和几种调用方法。
文件里的example.html是我写的调用页面，所有的颜色主题和调用方法都可以通过这个页面呈现出来。
example页面，点击查看大图
一共有17个颜色主题，如下图，点击查看大图
使用在Safari和WebKit中可用的CSS高级特性，你可以为你的网站和网络应用带来一个新的级别的令人兴奋的东西。WebKit是Safari浏览器和Google Chrome的渲染引擎。
因为浏览器会简单的无视他们不支持的CSS属性，所以在其他浏览器中，这 ...
- 2009-03-10 10:57
- 浏览 2435
- 评论(1)
大家在写按钮（input (type="button") 、button）的时候会发现在 IE 下：
随着字数的增多，两边的间距也会越来越大。
到底是什么原因呢？
IE 下按钮的 value 值每增加 4 个字节（汉字为 2 个）时，就会在按钮的两边产生总共一个字节的内边距宽度。
IE 下给按钮元素设置 overflow 属性的 visible 值（注 ：padding 值仅在设置了overflow:visible 属性后才有效）后，发现原来还有一个小 BUG —— 如果将按钮置于表格单元格中，虽然按钮显示正确了，但是原先预留的宽度大小却没有改变，仍然占据着空间，需要 ...
- 2009-03-07 18:40
- 浏览 1823
- 评论(2)
html代码结构:
<li class="menu">
<div><span class="l"> </span><a href="#">线路</a><span class="r"> </span></div>
<ol>
<li><a href="#">线路预订</a></li>
...