Internet 上有很多基于 (X)HTML/CSS 标记的模板。如果你是一个 Web 开发人员,你不希望把时间一次又一次地浪费在重复代码设计上面,这里提供了一个列表,提供了基于 CSS 的免费模板,几乎所有的资源都配有图片以及完整的布局结构。有些资源已经在 diglog 出现过了,这里正好做一个汇集。

Open Source Templates 是一个免费的 CSS 以及 XHTML 开源模板设计社区。

OSWD 是一个免费下载 Web 设计模板以及分享的社区,现在已经有 2080 个设计者。

OSWT 项目是为那些没有任何设计技能的用户快速创建页面而建立的。

MaxDesign 提供了一组 CSS 页面布局,包括 2 栏以及 3 栏布局。

CSSplay 提供了很多免费的很专业的层次布局。大多数都不需要经过授权而可以任意使用,不过,一些需要经过 email 授权!

Mollio 是一组简单的 html /CSS 模板集合。

Six Shooter Media 提供了15个模板(-____-`` 这也拿得出手?不过,还是十分有共享精神地!)。

CSS Design Templates 提供的模板你可以任意修改和使用,不过,必须要注明提供者的网站链接。

CSS Intensivstation 包含了 15 个布局。所有模板都是基于 XHTML 1.0 以及 CSS2 的哦。

CSSFILL 由 Michael Strand 设计的基于 CSS/XHTML 的布局和模板,免费下载。

CSS Frame Layouts 模板,基于CSS的页面模板,用于快速构建你的页面架构。

CSS Template Gallery 提供搜索功能,可惜只有 32 个模板(-_____-```)。

Ex-DesignZ 提供了 300 多个基于 (X)HTML/CSS 的模板。

Jimmy Lin 提供了完全(100%地完全!)基于 CSS/XHTML 以及适用于 IE5.0+ 、FireFox 1.5、Opera8.5 及 Safari 2。没有使用任何技巧(Hacks),并且可以轻而易举地进行修改。没有版权限制,但是必须注明来源链接。

Layout Gala 提供了 40 多个专业布局。使用规范的标记以及 CSS,在当前主流浏览器都能通过测试。

Little Boxes 包含 16 个布局,经典!

Solucija  一个完全免费的基于 XHTML / CSS 的站点模板下载站点。可用户商业化或者非商业化网站,不过,要保留一个网站链接。

The Layout Reservoir 提供 2 栏以及 3 栏的布局。

Linknosie 是一个工具,你可以自定义布局类型,宽度以及其它的参数来生成布局。

Code Sucks 提供了大约 100 个 CSS 布局供下载。所有布局是按照 1024x768 的尺寸设计的。

SSI Develper 提供基于 XHTML 1.0 以及 CSS2 的 CSS 模板。



文字由 diglog 翻译自 techMagazine.ws 

免费css布局和模板集合的更多相关文章

  1. html学习第三天—— 第12章——css布局模型

    清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上,又不同于我们常说的 ...

  2. 熟悉HTML CSS布局模型

    HTML最难的地方来了!这个我反复了很多遍, 包括现在写博客, 也对我自己算是一种温习, 我这块怕是没办法写的很好懂, 因为我自己还不能把我学到的准确通俗易懂的表达出来, 给自己记个笔记, 以后再来一 ...

  3. 我的CSS布局之旅--持续更新

    虽然我也接触前端一年之久了,但是无奈从切图布局下来的经验还真是很不足,因为之前比赛或者是做小项目时全部都是自己负责设计,所以都是编写边设计,哎呀,也是醉了:或者是有模板,然后从人家上面扒拉下来的,真的 ...

  4. css布局模型

    ---恢复内容开始--- 在清楚了CSS盒模型的基本概念,盒模型类型,我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是CSS最基本,最核心的概念.但布局模型是建立在盒型基础之上,又不同 ...

  5. 7个Linux和Ubuntu下的免费CSS编辑器

    一个好的编辑器是世界上所有程序员和web开发人员梦寐以求的东西.代码编辑器和集成开发环境是程序员工作时的左膀右臂.还在纠结使用什么编辑器么?下面我们将推荐7个主要用于Linux操作系统的免费CSS代码 ...

  6. CSS布局:Float布局过程与老生常谈的三栏布局

    原文见博客主站,欢迎大家去评论. 使用CSS布局网页,那是前端的基本功了,什么两栏布局,三栏布局,那也是前端面试的基本题了.一般来说,可以使用CSSposition属性进行布局,或者使用CSSfloa ...

  7. 转:CSS布局:Float布局过程与老生常谈的三栏布局

    使用CSS布局网页,那是前端的基本功了,什么两栏布局,三栏布局,那也是前端面试的基本题了.一般来说,可以使用CSSposition属性进行布局,或者使用CSSfloat属性布局.前者适合布局首页,因为 ...

  8. DIV+CSS规范命名大全集合

    (从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-06-19)   网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DI ...

  9. HTML+CSS学习笔记 (12) - CSS布局模型

    标签:HTML+CSS css布局模型 清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是 ...

随机推荐

  1. 求一个数组的最大k个数(java)

    问题描写叙述:求一个数组的最大k个数.如,{1,5,8,9,11,2,3}的最大三个数应该是,8,9,11 问题分析: 1.解法一:最直观的做法是将数组从大到小排序,然后选出当中最大的K个数.可是这种 ...

  2. Redis 存储图片 [base64/url/path]vs[object]

    一.base64图片编解码 基本流程:从网络获取下载一张图片.然后base64编码,再base64解码,存到本地E盘根文件夹下. import java.awt.image.BufferedImage ...

  3. zzulioj--1776--和尚特烦恼2——第几个素数(技巧模拟)

    1776: 和尚特烦恼2--第几个素数 Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 267  Solved: 100 SubmitStatusWeb ...

  4. 2.LINUX常用命令

    Linux 必备指令摘要一般用户指令/bin 指令 功能说明 范例 bash GNU Bouren-Again Shell bash shell_script cat 观看一般文本文件 cat fil ...

  5. Google Codejam 2016 Round1A Problem C BFFs 简单图论

    链接 Google Codejam 2016 Round1A Problem C BFFs 题意 n个小朋友要坐成一个圈.每个小朋友心中都有一个Best Friend Forever.要保证每个人的左 ...

  6. Git 内部原理 - (7)维护与数据恢复 (8) 环境变量 (9)总结

    维护与数据恢复 有的时候,你需要对仓库进行清理 - 使它的结构变得更紧凑,或是对导入的仓库进行清理,或是恢复丢失的内容. 这个小节将会介绍这些情况中的一部分. 维护 Git 会不定时地自动运行一个叫做 ...

  7. yes---重复输出指定的字符串

    yes命令在命令行中输出指定的字符串,直到yes进程被杀死.不带任何参数输入yes命令默认的字符串就是y. 语法 yes(参数) 参数 字符串:指定要重复打印的字符串. 实例 [root@localh ...

  8. Codeforces Round #313 C. Gerald's Hexagon(放三角形)

    C. Gerald's Hexagon time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  9. void指针 (补充)

    void* 表示空指针.空指针不能直接使用,比如,指针的加减法操作(由于不知道类型,无法确定偏移的大小).某些情况下.不知道指针的类型,先用void*来取代,依据须要再强制转换成须要的指针类型使用. ...

  10. Codeforces 528A Glass Carving STL模拟

    题目链接:点击打开链接 题意: 给定n*m的矩阵.k个操作 2种操作: 1.H x 横向在x位置切一刀 2.V y 竖直在y位置切一刀 每次操作后输出最大的矩阵面积 思路: 由于行列是不相干的,所以仅 ...