如何查看BLOG网站的CSS代码

BLOGC++HINA的博客网站可谓卧虎藏龙。有时我们发现一些高手的博客网站异彩纷呈,直看得流口水,恨不得自己也能做出这种风格的网站来。可是怎样模仿出对方的风格呢?最快的办法就是分析对方的HTML代码和CSS代码。

HTML代码自不用说,只需点查看-查看源文件即可。下面着重谈谈我的新发现——CSS代码的查看。

输入对方的网址然后加“/default.css”(分号不要输入)即可完全欣赏到对方的CSS代码!!!

比如要看我的网站的CSS代码,你只需输入http://bimzcy.blogchina.com/default.css即可。

通过分析高手的CSS源代码,相信你也能轻松DIY属于自己风格的CSS效果。

下面介绍两个真正“牛”的CSS高手的博客网站,大家可以参观参观,然后我们互相交流交流看看怎么做出他们的效果。

C++之dozb的程序人生:http://dozb.blogchina.com/

山水天下:http://myok.blogchina.com/

附录1:介绍一个很酷的博客专用模板网站给大家:

博客模板下载资源站:http://skin.midicn.cn/index.asp

附录2:介绍一个比较全面的CSS学习网站:

CSS教程教材:http://www.85flash.com/Get/css/

时间: 2024-10-23 06:16:14

如何查看BLOG网站的CSS代码的相关文章

css代码兼容浏览器技巧总结

  解决CSS的浏览器兼容性问题,多年切图工作的总结:) /* 统一各个浏览器下 外边距margin.内填充padding的默认值 */ html,body,a,h1,h2,h3,h4,h5,h6,p,div,ul,li,ol,dl,dt,dd,img,form,input,textarea,select,fieldset { margin:0px; padding:0px } /* 统一标题公共样式 text-shadow:gray 0px 0px 5px; 文字阴影 font-weight:

用纯CSS代码打造的知美网站LOGO图形

一款用CSS代码构画的网站LOGO标识图形样式,非常精典,大家欣赏一下.. [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

让网站变成黑白的css代码

让网站变成黑白的css代码.如何实现呢?之前,一直以为很难,偶然间在及格网上发现,原来这么简单,现在和大家分享下css知识,只要在CSS加上下面一句话即可. body{     filter:gray;   }

让网站变灰的css代码

 四川雅安芦山发生7.0级别大地震,不少网站首页已经变成了灰色表示哀悼.下面笔者整理了几种让网页变灰色的CSS代码 方法1:支持IE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

8 个为开发者准备各种 CSS 代码片段的网站

下面是我们列出的一些最好的网站,开发人员可以在这些网站找到有用的CSS代码和得到他们的任务的解决方案. 1) Snipplr - CSS Snippets 2) Snipt - CSS Snippets 3) Dev Snippet - CSS Snippets 4) Cats Who Code - CSS Snippets 5) CSS Tricks 6) Smipple CSS Snippets 7) CSS Pop - CSS Snippets 8) HTML5 Snippets -CSS

网站变灰css代码(支持flash变灰)

这是一款简单的 网站变灰css代码 ,这是款变灰代码不可以让整个页面都变灰,包括图片变灰,文字变灰,flash变灰代码,swf都可以变成黑白二 种色彩. 看一个效果 上面是针对flash下面我们来个针对图片的吧. 好了,我们上面举了实例flash,图片,文本,只要*{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);},就让整个页面都变成网站灰色的哦.

整理优化你的CSS代码

当我们面对网站项目里日益庞大的css,javascript文件,无论是为了二次开发还是浏览器解析,都应该优化他们的代码,但是优化并不意味着是简单的压缩或减小文件体积.条理清晰,运行效率高才是我们要的结果.那么有哪些手段能够我们的css代码呢?一起来看看下面的一些建议吧. 1.使用缩写 缩写能够缩短你的工作时间,减小你的文件体积,何乐而不为? 针对相近的不同设置不同的值: view plaincopy to clipboardprint? p { margin-top: 10px; margin-

高效编写CSS代码:WEBJX分享15个CSS开发工具

文章简介:对于Web开发人员来说,好用的CSS工具可以让那些枯燥的工作变得有趣,并且还可以帮你更高效的编写CSS代码,在这里向大家推荐15个必不可少的CSS开发工具和应用. 对于Web开发人员来说,好用的CSS工具可以让那些枯燥的工作变得有趣,并且还可以帮你更高效的编写CSS代码,在这里向大家推荐15个必不可少的CSS开发工具和应用. 1. CSS Desk : An online CSS Sandbox 这是一个支持即时预览的在线CSS编辑工具,无需安装任何形式的插件或是软件,就能在线编辑CS

非常有用的50个CSS代码片段

原文:50 Useful CSS Snippets Every Designer Should Have          面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中.       这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段 给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错