Div+CSS|
2012年01月10日|
Era |
2,903 views
网页字体的样式选择
在英文站方面,国外的很多东西不是免费的,当然也包括英文字体,所以你的网站字体不要选择那些太有个性的字体,因为你的访客可能电脑上根本就没有下载这个字体,从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial, Times New Roman, and Verdana。
中文站方面呢,普通的大众绝对没有自己去下字体安装的爱好,一般的字体全是XP或其他系统自带的,选择宋体肯定是不会错的。其他...
Div+CSS|
2012年01月07日|
Era |
4,795 views
利用 CSS 框架,可以简化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架,你可以选用。
1. 960gs
960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。
2. YUI 2: Grids CSS
芒果曾经介绍过由雅虎开发小组...
Div+CSS|
2012年01月07日|
Era |
2,054 views
1.区别IE和非IE浏览器
#tip {
background:blue; /*非IE 背景藍色*/
background:red 9; /*IE6、IE7、IE8背景紅色*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】:「9」、「*」、「_」
【示例】:
#tip {
background:blue; /*Firefox 背景变蓝色*/
background:red 9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:range; /*IE6 背景变橘色*/
}
【说明】:因为IE系列浏览器可读「9」,而IE6和IE7可读「*」(米...
Div+CSS|
2012年01月06日|
Era |
2,514 views
林林总总写了那么多,最后总结一些浏览器中常见的margin Bug吧,以后遇到margin下的布局问题可以查看这里找到解决的方案,如果你还发现其他关于浏览器下margin的Bug你可以发表留言,核对采纳后我会及时添加进去,感谢你的分享:
IE6中双边距Bug:
发生场合:当给父元素内第一个浮动元素设置margin-left(元素float:left)或margin-right(元素float:right)时margin加倍。
解决方法:是给浮动元素加上display:inline;CSS属性;...
Div+CSS|
2012年01月06日|
Era |
7,090 views
其中有类特殊的元素:如img|input|select|textarea|button|label等,他们被称为可置换元素(Replaced element)。他们区别一般inline元素(相对而言,称non-replaced element)是:这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性。他们的性质同设置了display:inline-block的元素一致。
或许有朋友对非置换元素(non-replaced element)有点疑惑,稍微帮助大家理解一下。非置换元素,W3C 中没有给出...
Div+CSS|
2012年01月05日|
Era |
5,273 views
一.行内元素和块级元素有哪些?
块级元素
Element
Description
<address>
information on author
<blockquote>
long quotation
<button>
push button
<caption>
table caption
<dd>
definition description
<del>
deleted text
<div>
generic language/style container
<dl>
definition list
<dt>
defin...
Div+CSS|
2012年01月05日|
Era |
2,331 views
css属性书写顺序, 建议遵循: 布局定位属性-->自身属性-->文本属性-->其他属性。此条可根据自身习惯书写, 但尽量保证同类属性写在一起。
属性列举:
布局定位属性主要包括: display & list-style & position(相应 的 top,right,bottom,left) &
float & clear & visibility & overflow;
自身属性主要包括: width & height & margin & padding & border & background;
文本属性主...
Div+CSS|
2011年11月17日|
Era |
2,754 views
vertical-align 属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
重要的一点,所有浏览器都支持 vertical-align 属性,但是任何的版本的 Internet Explorer (包括 IE8)都不支持属性值的继承性 "inherit"。
可能的值
值
描述
baseline
默认。元...
Div+CSS|
2011年11月03日|
Era |
2,172 views
我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片,比如:
又如:
这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。
那么怎么来实现一张图片在不同的地方只显示其中的一部分呢,...
Div+CSS|
2011年10月28日|
Era |
5,956 views
弹出窗口其实代码非常简单:
<SCRIPT language=javascript type=text/javascript><!-
window.open ('page.html')
-></SCRIPT>
因为这是一段javascript代码,所以它们应该放在<SCRIPT LANGUAGE =”javascript”>标签和</script>之间。<!–和–>是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作为文本显示出来。
Window.open (‘page.html’)用于控...