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

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

消除div+css布局之定位与浮动的难点

网络发展越来越快啦,网站的布局也从原来的表格Table转变成内容和形式相分离的DIV+CSS结构了,但是用div+CSS设计过程中也有一些难点,如果能克服这些东西,相信对你网页的布局设计将有相当的好处。 下面就我就自己对div+CSS布局的一些想法及技巧,来与大家分享一下。呵呵 不妥之处,敬请谅解、指证。主要讲述二个方面的知识,一是浮动,一是定位。 先说定位positon吧,它有相当定位relative和绝对定位absolute,这两个属性对大...

CSS中文字体对照表

css字体名可以使用2种Unicode格式,以“微软雅黑”为例: 微软雅黑 和 \5FAE\8F6F\96C5\9ED1,经过源码置换都会转成“微软雅黑”如果未找到需要的字体名称,可以到下面推荐的地方把简体中文转换为Unicode编码。 另外注意:繁体中文字体名,在简体中文系统中是不能被识别的。 请点击 “Css中文字体对照表” 进行查看。如下图所示  

Div+Css布局之blueprint布局(css框架)

一直以来都是在介绍WordPress技巧或是WordPress主题或是WordPress插件,今天就给大家介绍一下Div+CSS布局方面的技巧,自从网站的样式与内容分离出来,Div+Css的强大性突显无疑,用div+css创造出来的布局也越来越多,越来越好看、实用。以前给大家介绍过一篇文章:《27款经典的CSS框架》,这篇文章介绍了27款CSS框架。对于我来说,只研究过两种css框架,一个是用于主题isblog布局的960gs网格系统,另一个是用于主题iwp布局的blue...

换行标签br的用法

今天修改完isblog主题,用W3C验证了一下,发现有很多关于br的错误。大意如下:end tag for element "br" which is not open 查了一些资料,发现是HTML 与 XHTML 之间的差异导致的。 在 HTML 中,<br> 标签没有结束标签。 在 XHTML 中,<br> 标签必须被正确地关闭,比如这样:<br />。 所以只需把<br>标签换成<br />即可。 这br标签不管怎么写都会起作用,但是我们应W3C标准来正确的书写 <br ...

行内元素的padding详解

关于行内元素的用法及属性,你可以看我以前的文章:《块级元素与行内元素的区别》,行内元素相对块级元素更不好用CSS来修饰,下面我就来说说行内元素的一些与众不同,行内元素中有一些元素在Padding的上下方向上不起作用,这些行内元素,你可以看《Html中的非置换元素与置换元素》,这其实是行内元素中的置换元素与非置换元素的区别。好了,请看下面的例子。下面是我用来测试的代码。 <html> <head> <title>...

解释dirname(__FILE__)

比如当前文件是放在(d:www)下,文件名是test.php。 测试的代码如下: <?php    echo __FILE__ ; // 取得当前文件的绝对地址,结果:D:wwwtest.php    echo dirname(__FILE__); // 取得当前文件所在的绝对目录,结果:D:www    echo dirname(dirname(__FILE__)); //取得当前文件的上一层目录名,结果:D: ?> 使用方法提示, dirname(__FILE__) 取到的是当前文件的绝对路径,也就是说,比起相对路径,查找速度是最快的。...

Textarea技巧

现在介绍九种与Textarea有关的技巧,相信你会喜欢的。 1、          把图片作为Textarea的背景,当载入文字时,背景消失。 你可以像给其它任何元素一样,给Textarea添加背景图片,只要你添加了背景图片,它将破坏浏览器Textarea默认的样式,默认的1px的边框将被一个较好的斜面边框替换。你可以用下面的代码,使边框恢复正常。 textarea {   background: url(images/benice.png) center center no-repeat; /* This ruins defau...

垂直对齐方式vertical-align的解释

垂直对齐方式,是一个很让人头疼的CSS属性,很多人也不能完全掌握它,现在贴出一张关于vertical-align的图片,让大家明白它的工作方式。

返回顶部的Jquery代码

有没有感觉,当你的页面过长的时候,回到顶部得慢慢移动鼠标,很不方便,现在介绍一种方法:用Jquery代码来实现“返回顶部”,在最顶端的时候是不会显示“返回顶部”的,当你向下查看页面的时候,会在右底出现“返回顶部”的快捷移动方式。 这个功能的实现,你需要做三个方面的工作。 一、在style.css里面增加如下修饰“返回顶部”的代码。 .backToTop { display: block; width: 18px; line-height: 1.2; padding: 10px 5px; background...