专注于WEB技术的IT博客

0211月

分类:Css

作者:

bootstrap布局篇详解(二)

我觉得bootstrap的可视化网页布局是个不错的工具,bootstrap布局篇详解(一)说了,这个工具只适用于bootstrap2.x版本,在新版本的bootstrap3.x,就不能直接使用了,不知是因为官方更新不及时还是停止更新,如果是后者,那真有点可惜了。

1610月

分类:Css

作者:

bootstrap布局篇详解(一)

说到布局,有人习惯使用div+css代码来,有人喜欢Dreamweaver 可视化布局。不管你是哪一种习惯都没关系,因为bootstrap都能满足你的需求。 bootstrap的可视化布局 注意了,这个功能只能是bootstrap2.x版本的专利了,bootstrap3.x的官方还没有升级,当然了,也不是说bootstrap3.x不能使用可视化布局,只是不能直接使用,需要通过标签转化,后面

2309月

分类:Css

作者:

Bootstrap“减肥”优化攻略

前面的例子,我们使用 Bootstrap快速轻松地布局了一个站点。人的能力越大,其责任也就越大,而Bootstrap的情况是,功能强大,体积庸肿,这就给网页的加载带来了一点影响了,世界本来就没有完美的事物,我们不能怪Bootstrap。我们要做的是尽可能地对Bootstrap进行优化。 如何对Bootstrap的体积进行优化?下面我就谈一下我的使用心得吧。

1809月

分类:Css

作者:

使用Bootstrap轻松打造你的网站

前面的有了BOOTSTRAP再也不担心网站的前端设计,我介绍了Bootstrap,现在在理解Bootstrap的基础上,接下来,我将使用Bootstrap来打造一个网页,以更加深入地认识得使用Bootstrap。 目标:使用Bootstrap快速打造一个网站 看完这篇文章,即使你是一只菜鸟,只要稍懂html+css,你也能使用Bootstrap来快速打造一个网点。

2808月

分类:Css

作者:

一次微网站建设的坎坷经历

这两个月来,公司在建一个酒店预定联盟的微网站,原想使用PHP语言建站,后来但后来改用了JAVA了,原因是公司会JAVA的程序言多。我呢,主要负责前端的设计。我以为手机站的前端相对PC站省功夫,但后来证明这是一个错误的想法

0907月

分类:Css

作者:

有了Bootstrap再也不担心网站的前端设计

遇到Bootstrap真是有点相见恨晚的感觉。有关网站的前端设计,Bootstrap似乎应用尽有,以前花了很多时间才能设计出来的圆角按纽,现在只需加一个css的类样式就可以轻松搞定,更巧的是可以在线可视化布局网页,有了Bootstrap再也不担心网站的前端设计!

2401月

分类:Css

作者:

nec更好的解决css方案

很久就接触过"nec更好的css方案",但更多的只是看它功能模块的解决方案,而对于它的精髓--css命名规范却是视而不见,简直就是上演富有戏剧性的买椟还珠一出。

2511月

分类:Css

作者:

几款纯css打造的超酷按钮实例

在web开发中,您是否还在使用Photoshop来设计按钮的样式呢?如果是,请先把Photoshop放下,来看看几款纯css打造的扫钮,或许正是你想要的。

0502月

分类:Css

作者:

兼容主流浏览器的css渐变色

有的时候,为了实现一些特殊效果,需要将页面元素某块区域设置成渐变色,一般来说都是通过ps图片方法来实现,但是图片放得多了会影响网页的打开速度,本文介绍的就是用纯 CSS 实现 IE 、Firefox、Chrome 和 和Safari都支持的渐变色效果。

0302月

分类:Css

作者:

960网格系统模板设计的利器

960px 网格系统,是一款被用来搭建网站和设计网页布局的利器,可以让您快速构造创建网格原型,数年来深受网页设计人员的喜爱。 之所以叫960网格系统,是因为网页模板的宽度为960像素,并以960像素来做为标准来布局栏栅数目的原型,其栏栅数目可划分为9、27、20、 160、 192和480 等。

2911月

分类:Css

作者:

css中使用一张图片显示多个背景

不知你有没有经历过,看到网页上的一些漂亮的图标,如列表图标,于是把它下载,打开一看,竟然不是我们下载的单个图标,而是一张大图,上面集合着许多小图标! 这里便使用了CSS中一张图片显示多个背景的方法 这些小图标为什么不是分别存储成单独的图标,而是集合放在一张图片上?这样做的目的就是减少http请求次数,节省时间和带宽。 强烈推荐使用这种方法! 当然,实现的方法是有多种,下面将通过一个例子来说

0810月

分类:Css

作者:

display:none与visibility:hidden不同的隐藏

相同点: display:none和visible:hidden都有把网页上某个元素隐藏起来的功能。 区别: visibility:hidden--为隐藏的对象保留其物理空间 display: none--不为被隐藏的对象保留其物理空间