输入URL然后它会抓出其中的颜色并用16进制表示。
使用CSS和一个图片创建出一个翻转按钮的样式。
6个CSS页面布局模板,包括颜色、标题等。
2栏和3栏的CSS布局框架
2、3、 4栏的CSS布局框架
输入页宽、栏数和padding,它会自动生成CSS和HTML的布局框架。
上提供的那些布局模板
各种免费的完整页面模板
更多的模版资源
一个CSS菜单生成器:轻松创建采用li并兼容各种浏览器的导航菜单。
增强的圆角矩形
无需下载其他站点就能轻松分析其CSS代码。
易用性检查
整理和优化
字体
表单
布局
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/):酷站
帮助向导 / Hacks / 学习资源
Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其layout得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为尺寸bug(dimensional bugs),意思是这些 bug 可以通过赋予相应元素某个宽度或高度解决。这便引出关于layout的一个问题:为什么它会改变元素的渲染特性,为什么它会影响到元素之间的关系?这个问题问得很好,但却很难回答。在这篇文章中,我们专注于这个复杂问题会有那些方面的表现,某一方面的具体讨论和范例请参考文中给出的相关链接。
这篇文章的中文翻译参见承志的SharkUI:
No matter how far on the left the real text is, the underline will be stretched all the way to the right in some PC browsers, namely the Firefox. Again, something that could’ve brought to my attention last week!Internet Explorer fails to render backgrounds for elements that have both an ID and a class defined. For instance, #photos.background1 will display the corresponding background in IE6 for Windows, but once that has been defined, #photos.background2, #photos.background3, etc. will not be displayed.小贴士
样式表定义的各种漂亮注册与登录表单的收集。 教你怎样使blog的日期看起来像日历页。 A nice demo of experimenting with using unordered list. Clagnut shows you how to have by using the carriage return entity . How utterly simple! uses 100% CSS solution (via attribute value selector and positioned background images) to serve up customized form elements. It’s semantically correct and degrades well for browsers that doesn’t support this method (IE), but is it also accessible? Stuart Robertson’s technique seems like one of the easiest-to-implement techniques I’ve come across. It uses :before pseudo element and supports both Safari and Firefox browsers. From holy crap why didn’t I think of that file Airbag has a simple but great idea of during development. is a wonderful tutorial from Barely Fitz on how to use PHP variables to represent colors in your CSS which you can then manipulate quickly changing all the colors from a single source, generating new colors via algorythm, etc. Web Graphics has a CSS3 demo on . Dynamic Drive, a long time favorite DHTML code snippet depot of mine, has started a new spin-off: . a new tutorial on ALA shows how to create an accessible map with tooltips via CSS and JS. Don’t waste hours trying to style horizontal rules consistently across different browsers. Instead wrap your HR in a DIV, set the HR to display none and style the surrounding DIV instead.. Now why the heck didn’t I think of that? from maratz.com using background image CSS property on images to serve as image place holders. stefanhayden.com shows a neat (and easy) way to make sure the client fetches new CSS with HTML update: with each update. if you don’t mind the markup cruft. codylindley.com’s is a CSS solution for creating a stationary header out of the thead of a table while the table’s tbody remains scrollable via sonspring. It’s sort of like mini-lightbox that enlarges the thumbnails on hover. Very nice. looks nice except that it’s not really an ordered list. Instead it used definition lists inside the ordered list for presentation which means true standardistas might object. In what could only be catagorized under Uber-Anal department, ollicle.com . From I didn’t know that file wg tells us that the words connected by it. Eric Meyer, the man with CSS skillz that payz da billz, reveals something I’ve never heard of before: ! The differences between united vs. unitless declarations are well described in his article but I can’t believe that I had it all wrong. I’ve been telling everyone that You must declare unit for ANY measurement values unless it’s zero. loudandlonely has an interesting article on by using some clever a:link:before and a:link:after pseudo-elements. digital-web has a good run down on . 456bereastreet takes a first crack at Another good demo. shows you how to allow even block items to flow around floating boxes. Unlike , this version doesn’t use nested unordered lists. Instead, it uses just one unordered list, with the link image placed inside the anchor. Another very nice tutorial from 24ways. This time it’s , a technique popular in citing blockquotes with enlarged quotation marks in the beginning and at the end of the quote. But without using background images. is an interesting javascript-powered / CSS-controlled page animation technique. is a good article on using PHP to allow constants (’variables’) in CSS. For instance you can use this technique to define a repetitive color in CSS as a variable. That way you only need to declare it once and only change that one instance should you want to change that color. Very handy. 24ways has a good article on using . apples-to-oranges.com has a fantastic tutorial on showcases use of CSS to provide an image with mouse-over-section for detailed notes. From the How the heck did I miss this department: a powerful cross-browser JavaScript function that enables querying of a DOM document using CSS selectors. All CSS1 and CSS2 selectors are allowed plus quite a few CSS3 selectors. via simplebits creating gradient background effect in CSS using server-side constants technique developed bu Shaun Inman.is a follow-up to the aforementioned technique that adds the starting state. And here’s an external article which wraps it all up with a . Yes. Not replacement but placement. how to force the footer of a webpage to stick to the bottom of the viewport. Shaun Inman’s using PHP variables in CSS. via web-graphics.com using em values to scale the images in CSS. via bigbaer.com create irregular shaped boxes.an interesting way to present equal-sized images on mouse hover Nice collection of CSS tutorials that covers most of the basics. ‘click here to delete’ demovia returnofdesign.com Andy Budd’s presentation at @media 2005.various methods of clearing floats. via webdesign.maratz.com. . via maratz.com DHTML/CSS tool tips on hover. Nice masthead design in CSS. via cameronmoll.com