当前位置:爱推吧 » Div+CSS

网站的建设离不开网页的布局和优化,WordPress工作站注重于CSS+Div布局,将给大家展示CSS+div布局过程中的一些技巧和精典的布局方式。

网页字体样式这样选择最好

网页字体的样式选择 在英文站方面,国外的很多东西不是免费的,当然也包括英文字体,所以你的网站字体不要选择那些太有个性的字体,因为你的访客可能电脑上根本就没有下载这个字体,从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial, Times New Roman, and Verdana。 中文站方面呢,普通的大众绝对没有自己去下字体安装的爱好,一般的字体全是XP或其他系统自带的,选择宋体肯定是不会错的。其他...

27款经典的CSS框架

利用 CSS 框架,可以简化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架,你可以选用。 1. 960gs 960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。 2. YUI 2: Grids CSS 芒果曾经介绍过由雅虎开发小组...

CSS HACK:IE6、IE7、IE8、Firefox兼容性问题解决方案

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可读「*」(米...

常见的浏览器下margin出现的bug

林林总总写了那么多,最后总结一些浏览器中常见的margin Bug吧,以后遇到margin下的布局问题可以查看这里找到解决的方案,如果你还发现其他关于浏览器下margin的Bug你可以发表留言,核对采纳后我会及时添加进去,感谢你的分享: IE6中双边距Bug: 发生场合:当给父元素内第一个浮动元素设置margin-left(元素float:left)或margin-right(元素float:right)时margin加倍。 解决方法:是给浮动元素加上display:inline;CSS属性;...

Html中的非置换元素与置换元素

其中有类特殊的元素:如img|input|select|textarea|button|label等,他们被称为可置换元素(Replaced element)。他们区别一般inline元素(相对而言,称non-replaced element)是:这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性。他们的性质同设置了display:inline-block的元素一致。 或许有朋友对非置换元素(non-replaced element)有点疑惑,稍微帮助大家理解一下。非置换元素,W3C 中没有给出...

块级元素与行内元素的区别

一.行内元素和块级元素有哪些? 块级元素 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...

CSS属性书写顺序

css属性书写顺序, 建议遵循:  布局定位属性-->自身属性-->文本属性-->其他属性。此条可根据自身习惯书写, 但尽量保证同类属性写在一起。 属性列举: 布局定位属性主要包括: display & list-style & position(相应 的 top,right,bottom,left) & float & clear & visibility & overflow; 自身属性主要包括: width & height & margin & padding & border & background; 文本属性主...

CSS vertical-align 属性应用

vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。 重要的一点,所有浏览器都支持 vertical-align 属性,但是任何的版本的 Internet Explorer (包括 IE8)都不支持属性值的继承性 "inherit"。 可能的值 值 描述 baseline 默认。元...

背景图片的定位问题详解

我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片,比如: 又如: 这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。 那么怎么来实现一张图片在不同的地方只显示其中的一部分呢,...

超全的弹窗代码,强制弹出窗口实用代码总结

弹出窗口其实代码非常简单: <SCRIPT language=javascript type=text/javascript><!- window.open ('page.html') -></SCRIPT> 因为这是一段javascript代码,所以它们应该放在<SCRIPT LANGUAGE =”javascript”>标签和</script>之间。<!–和–>是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作为文本显示出来。 Window.open (‘page.html’)用于控...