Tag: css |
  • 1
预览模式: 普通 | 列表
  一年多来div+css的学习,使我的网站制作水平,与页面灵活布局能力有所提高。
  现把本人精心收藏的几百个div+css技巧与实例提供下载。  

  div+css 给我们展现了web 2.0技术带来的神奇,网页界面的更美观,更小巧,更灵活,修改更容易,是我以前所没有想到的。

  从pjblog使用的第一天,从不断的变换着自己博客风格中,我真正感受到了css千变万化,学习div+css技术是我生活的一部分,我愿意把我的收藏与大家分享。

-----//div+css 学习小技巧--------------------------------------------------------
  本站下载分类中,有pjblog风格200多个,这里面不乏精华设计与高级技巧,多看,多尝试修改,调试这些优秀的皮肤,你能学到更多,这是本人学习div+css技巧的最主要一个方法,祝大家学习愉快。


下载地址:div_css学习 资料ilank收集.rar

     DIV_CSS布局大全ilank收集.rar (080314 增加一个完整的PDF电子书)

此div+css学习资料中的目录列表如下:
----------------------------------------------------------------
19个超酷div+css菜单
纯css菜单.htm
080117-css高级菜单
css地图
css中文手册取色器配色表04系列字体打包下载
Div+CSS布局入门教程.htm
nzene_v2_green半透明.zip
css半透明写法.txt
网页css条
研究pjblog的模版设计 - iLank's Blog
《CSS样式命名规则(仅供参考)》.txt
《相册排版》css.html
10个你未必知道的CSS技巧.txt
25條CSS編程提醒及小技巧整理.txt
CSS hacks与争议.txt
css id 如何避免与开发人员的id命名重复.txt
CSS 达人 用CSS 画 的 房子.html
css+div网站忧化.txt
css-hack.txt
CSS代码格式化和加密化.html
CSS的十八般技巧.htm
CSS挂马代码.txt
CSS兼容要点分析IE vs FF.txt
CSS浏览器兼容问题(IE6IE7Firefox)解决方案汇集及实例纵览.txt
css滤镜失效问题解决方案.txt
css命名规则.txt
CSS所有属性如何快速记忆.txt
css网站元素设计——纵向导航制作.html
css真正的圆角.txt
DIV CSS制作网页时易犯的错误总结.txt
div+css排版结构如下.txt
firefox 和 ie 滤镜使用.txt
HTML标籤 , 属性名称 , 简介.txt
ie与ff检测css代码.html
Pjblog结构模型Flash版.SWF
pj皮肤flash定位方法.txt
tbody标签有什么用?.txt
upmenu-水平竖弹向上三级弹出菜单.html
w3c技术架构介绍.txt
XHTML编码的基本规范.txt
常用CSS缩写语法总结.txt
固定中栏宽度, 左右两栏宽度相等和自适应.html
几乎被设计师遗忘了的fieldset.html
精品css层居中.htm
精品滑动门css代码.html
三行三列DIV布局.htm
深入分析网页CSS隐藏文字和以图换字技术.txt
无缝滚动-顶部.htm
无缝滚动-四向区域.html
学习div+css入门基础(构结认识).txt
一、了解XHTML中的常用选择符.txt
再次强调几个xhtml+css设计标准页面中容易犯的错误.txt
真正的半透明风格.txt
自由伸展的三栏式版面.html
左右固定宽,中间自由伸展的三栏式版面.html
图层永远底部对齐写法.html
......

查看更多...

Tags: css design 资源 web2.0

分类:资源 | 固定链接 | 评论: 14 | 引用: 0 | 查看次数: 42229

免费CSS布局和模板

  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 模板。

查看更多...

Tags: css design 学习 模板

分类:学习 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 31034

收藏的过内外网站设计资源

CSS库

做设计的时候

总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话,那么这还会为你带来很多访问者。

  • cssremix 发现的一个国外CSS标准网站收集站点.
  • cssBeauty CSS design showcase.
  • csselite 是一个CSS优秀团队,在这里你能欣赏到精彩的CSS作品。
  • www.sanyajl.com 一个收集符合Web标准布局的网站
  • http://www.cssheaven.com/ 我发给大家一个好的CSS网站(很多)
  • http://www.yanuoda.com
  • http://www.csscool.cn 国内的一个专门收集和整理符合Web标准的网站,含技术教程
  • 40 CSS Layouts 40个CSS布局实例及源码下载
  • Background Image Maker Create slash, strip, dot, gradation type background with few button clicks.
  • CSS Creator Layout generator.
  • CSS Optimiser Optimize your style sheet online.
  • CSS Photo Gallery  Cross browser multi-page photo gallery.
  • CSS Table Gallery Showcase of CSS design for tabular data.
  • CSS Tweak  Web based CSS tweaker.
  • Nifty Corners Cube Creates rounded corners without images.
  • Printing CSS background images Solution for printing CSS background images.
  •  
  • Css help pile   Links and Discussion About the Best CSS Resources Available on the Web.
  • www.meyerweb.com 埃里克 迈尔的站点
  • www.tanfa.co.uk 克莱尔 坎伯的站点
  • www.designdetector.com 克里斯 Hester 的设计探测器
  • www.cssbeauty.com CSS 设计陈列室
  • cssvault 保罗Scrivens - CSS 地下室
  • www.csscreator.com 最佳的CSS 论坛
  • www.mezzoblue.com 戴维 Shea的最优秀的站点
  • www.positioniseverything.net 大约翰和Holly Bergevin的站点
  • www.oswd.org 贾森・D. Collins的公开源码网页设计
  • Stylegala
  • Web Creme Web design inspiration.
  • Unmatched Style CSS gallery and website design inspiration.
  • Stylegala Another nice CSS gallery.
  • CSS Zengarden Good place to get inspired and learn other people's skills.
  • CSS Thesis Showcase websites created with CSS.
  • CSS Remix CSS gallery.
  • CSS Nightingale CSS gallery.
  • CSS Mania  Screen shots of beautifully done websites.
  • CSS Drive
  • css thesis
  • Styleboost
  • CSS intensivstation
  • CSSElite  Simple and straigh to the point gallery.
  • CSS Import The CSS Gallery.
  • CSS Mania
  • DesignShack
  • CssPlay   一位60多岁的CSS专家的个人网站.页面风格清新,当然更关键的是他的代码写得好.甚称高手的.想起国内的电脑行业大多是些年青人在做,而且不断听到传言说这行当也就是吃青春饭的,黯然一下...通过这个网站,我觉得还是给了小辈们信心的...我想,这行应该是可以做一辈子的事业.
  • CSS Mastery Latest CSS tips, tricks, techniques.
  • Unmatchedstyle

  • Web标准

    遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码,为什么一定要把他搞成1001行呢?

  • Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点,同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
  • Roadmap to Standards
  • Web Standards Project
  • Web Standards Checklist
  • Importance of Web Standards 

    验证器

    在你明白什么是Web标准以后,下面两个小工具可以帮你测试你的站点是否符合标准。

  • HTML & XHTML Validator
  • CSS Validator 

    易用性

    查看更多...

    Tags: css design 学习

  • 分类:学习 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 22242

    DIV内容垂直居中

    在CSSPlay上看到了一个垂直居中的例子,感觉还是不错的,跟大家分享一下:

    ======================CSS=======================
    .holder{
     width:740px;
     height:300px;
     border:1px solid #777;
     text-align:center;
     display:table-cell;
     vertical-align:middle;
    }
    /*以下样式针对IE*/
    .edge{
     width:0;
     height:100%;
     display:inline-block;
     vertical-align:middle;
    }
    .container{
     vertical-align:middle;
     display:inline-block;
    }

    查看更多...

    Tags: css

    分类:学习 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 39243

    2006基于CSS技术,全球最美的50个网站

    分类:学习 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 26718
    PJBlog2的界面一共用到 5 个CSS文件,(5个文件,其实不用担心,我只是为了方便阅读,所以把CSS文件分成了5个)
    global.css 全局样式表
    layout.css 层次样式表
    typography.css 局部样式表
    link.css 超链接样式表
    ....

    查看更多...

    Tags: pjblog css

    分类:学习 | 固定链接 | 评论: 4 | 引用: 0 | 查看次数: 23571

    关于css的一些重要知识,不断收集

    1.关于错位问题
    相对来说,FF对CSS要求更严格一些。对FF来说,一般在属性后加!important就可以了,这样就对FF等浏览器重新定义了。

    有以下方面(都是从网上找的):

    查看更多...

    Tags: css

    分类:学习 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 17621
    • 1