只知道JS、PHP、Java等语言才有框架,连CSS都有了框架倒是有点惊讶,不过惊讶之余还是觉得欣慰,因为我也经常为之烦恼,呵呵~因为CSS的确也需要有个快速编写的规范和架构,我想这也是框架的意义之一吧。这款名为Elements的CSS框架是一款纯净的CSS框架,可以帮助设计师快速高效率的书写css文档。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类,一共只有5个文件,总共不到6K。
希望给一些和我一样还在为CSS烦恼的人开启新的思路~
下面看看怎么使用它:
Lucky for you Elements is easy to implement. First Download the zip file, and upack it. Put the entire "Elements" folder on your server where ever you normally keep your CSS files (Example: you might have a CSS folder, put the Elements folder in there). Now just add this code inside your head tags:
Important! Just make sure to double check that the path to the elementsImport.css file is correct!
Reset Your Absolute Path Links
If you use absolute paths for your links, your internal links will get external link icons. To fix this you need to reset your internal links. This can be done by opening up externalLinks.css file and look for the comment that is marked IMPORTANT follow what it says. If you have some external links that are images, have background colors or borders you can give them the class: "exempt" which will remove the external link icon.
What if I don't want to use all four files?
Not a problem, just open up the elementsImport.css file, and remove the the files you don't want to use.
希望给一些和我一样还在为CSS烦恼的人开启新的思路~
下面看看怎么使用它:
Lucky for you Elements is easy to implement. First Download the zip file, and upack it. Put the entire "Elements" folder on your server where ever you normally keep your CSS files (Example: you might have a CSS folder, put the Elements folder in there). Now just add this code inside your head tags:
Important! Just make sure to double check that the path to the elementsImport.css file is correct!
Reset Your Absolute Path Links
If you use absolute paths for your links, your internal links will get external link icons. To fix this you need to reset your internal links. This can be done by opening up externalLinks.css file and look for the comment that is marked IMPORTANT follow what it says. If you have some external links that are images, have background colors or borders you can give them the class: "exempt" which will remove the external link icon.
What if I don't want to use all four files?
Not a problem, just open up the elementsImport.css file, and remove the the files you don't want to use.