Tag: CSS’

一些不常用但很有用的CSS标签

 - by Hector

1. <cite>

貌似每个人都比较熟悉<blockquote> 标签，但是你可知道<blockquote>的小弟弟<cite>？<cite> 允许你定义元素内的文字作为一种参考。一般，浏览器会用斜体来显示<cite> 标签内的文字，但是这可以用一点CSS来改变。

2. <optgroup>

<optgroup>标签是定义select标签中的选项分组的一种很好的方法。

Tags:
In: 网络观察 | No comments »

css直接放在页面

 - by Hector
一般超大流量的网站都是将css直接放在页面里面的，这是应付超大流量的一种优化方案，比如网易首页，腾讯首页等。

1、减少http请求

链接到外部不免增加额外的http请求，这个是很耗时的。

2、避免裸页

假如存放css的服务器挂掉，整个首页就挂掉了。放在页面内，比较安全。用户访问页面时，不会因为CSS加载不上，而造成裸页面。

3、关于修改

你可能说这样不便于修改和管理。
实际上一般都是用程序动态加载进来的，然后用缓存静态化首页等。
知道的暂时就这么多了。

Tags:
In: HTML/CSS/XML/XSL | 8 comments »

Css缩写小结

 - by Hector

一：边框border缩写

border:border-width|border-style|border-color  例如：border:1px solid #000;

二：背景background缩写

background:background-color|background-image|background-repeat|background-attachment|background-position
例如：background:#f00 url(background.gif) no-repeat fixed 0 0;

三：字体font缩写

font:font-style|font-variant|font-weight|font-size|line-height|font-family
例如：font:italic small-caps bold 12px/1.5 sans-serif;
注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。

Tags:
In: HTML/CSS/XML/XSL | 4 comments »

css文件编码问题导致ie6显示不正常

 - by Hector

这两天发现写的css在各大浏览器上都没有问题，可是在ie6上很不正常，这是因为我页面的编码是utf-8,但是css文件的编码是ANSI，这样的结果是css里面的中文（包括中文注释和中文字体）就会有问题，导致页面不正常。解决方法很简单：1、去掉css中的中文，或者用英文代替2、将css文件的格式改为utf-8

Tags: , ,
In: HTML/CSS/XML/XSL | No comments »

css定义绝对垂直居中三问三答

 - by Hector

问1：什么情况下要用绝对垂直居中？答：一些提示页面、登陆页面等必须居中显示，或者其他情况的块元素要居中显示。问2：用绝对垂直居中有什么好处？答：各个浏览器兼容，而且随着浏览器窗口的放大缩小，它始终处在最中间，不会产生用margin和padding产生的窗口缩小跑到下面去的现象。问3：绝对垂直居中的代码是怎样的，怎么解释？答：如下position: absolute;  //绝对定位wid

Tags:
In: HTML/CSS/XML/XSL | No comments »

布局常用CSS命名和规范

 - by Hector

1、布局常用CSS命名：名称描述名称描述warp/warpper外套(整体布局)content容器main页面主体content/container内容块site站点layout布局column栏sidebar侧栏nav导航center中left左right右1.1、结构化命名小技巧：结构化命名方法一般根据文档结构的描述来命名，如：id = "mainmenu"id = &qu

Tags:
In: HTML/CSS/XML/XSL | No comments »