一
3
2011
随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。 上篇博文提到了《前端必须掌握30个CSS3选择器》，但是对于Css3的新属性，你又了解多少呢？虽然大多数的css3属性在 很多流行的浏览器中不支持，但是我们鼓励在前端开发中要学会并且运行这些css3属性，因为这是未来的趋势。 关键是首先确定你是否对各个浏览器之间的细微的差别有所了解，你能肯定的说IE显示的90度的角就不圆滑嘛？这取决于你的决定。但是要永远记住，网站设计 不必看到所有浏览器的不同。在文章的最后，我们将显示一个有趣的最终的案例。
十二
22
2010
CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。虽然对于小的WEB开发项目来 说，CSS框架并不一定适用，但是对于规模较大的团队开发项目而言，CSS框架不仅能加快设计开发速度，而且还能有效解决网站改版中带来的诸多麻烦和问 题。这里推荐的15款CSS框架是现在国外最流行的CSS框架，希望能对你的开发有所帮助！
例如：
Elements 是一个实用的CSS框架。它是为了帮助设计师更快更高效的来写CSS而建立。Elements 已经超越了仅仅作为一个框架，它有自己的项目工作流。它拥有你完成项目所需的所有东西，这也让你和你的浏览者感到愉悦。阅读 概述 了解更多。
(全文 …)
十二
6
2010
久没翻译。英语水平本就不高，不敢乱译。博客不能再荒芜下去了，只能硬上。还好这篇我感兴趣，又对CSS有一些了解，有错大家多多指正。
—————————————————————–正文———————————————–
了解基本的id选择器，类选择器和子选择器，如果就此收手，那你会错失很多灵活方法。虽然本文提及的部分选择器属于CSS3范围内，只在一些时新的浏览器 有效，不过还是有必要记得这些选择器。
* {
margin: 0;
padding: 0;
}
在提到更先进的选择器之前，为初学者之便，先把常见的选择器解决掉。
星号符会选择页面每个元素。很多开发者用它把所有margin和padding归零。这当然是快捷测试方法。不过我建议你不使用它，它给浏览器带来太多的 负担，这不必要。
通配选择器也可以用到子选择器上。
(全文 …)
十二
1
2010
众所周知，网页是用超文本标记语言（HTML）编写的，这种网页编程语言告诉浏览器怎样在网页中输出并 展现内容。换句话说，HTML就是网页这个建筑的一砖一瓦。长期以来，这些“砖瓦“都相当简单而且是静态的：仅有几行文字，或一些链接，或几张图片。
而今，网页中远不止文本，链接 和图片了。我们期望能够在线下象棋时，每走一步不必等待网页重新加载，或者查看一下我们周边的地图时，每拖到一下网页也不用重新刷新。
这些动态网页的创意开始与于脚本语言JavaScript的出现。主要的 网页浏览器都支持JavaScript，这就意味着网页能够加入一些更有意义的实时互动。例如，当你在线填一些表格时，点击“提交“按钮，网页可以调用 JavaScript代码来实时检查表格是否填错，如果有错误，网页马上就能提示你。
(全文 …)
十一
21
2010
IE内核有着自己独立的一个hack:*，再调试IE的时候常会用到。
同样Webkit内核也有着自己独立的一个hack，是只针对Chrome和Safari才起作用:
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit内核兼容CSS*/ } |
DEMO:http://www.iwanna.cn/examples/css/hack/webkit_hack.html
@media screen and (-webkit-min-device-pixel-ratio:0) {
.webkit_color{color:#f00}
.webkit_border{border:1px solid #f00;}
.webkit_background{background:#f00;}
}
|
IE、FF都将不会识别定义的颜色、描边、背景。
测试结果如图：
十一
21
2010
十一
14
2010
CSS是并不是一门很难学习和使用的语言,尽管它可能难以精通.如果你在你的项目中使用到了CSS,特别是在一个比较大的项目中,如果你没有用到一 些技巧来帮助你更好的管理CSS代码,那将给你带来一定的困难.通过一定的技巧来更好的写你的CSS代码,你可以让你在programing时更轻松,并 同时改善你的项目.当涉及到CSS,代码中的一些小的调整就可以带来很大的改进,使你的工作更有效,并带来很好的结果.今天,我在这里将提到19种技巧, 希望可以帮助你在你的项目中写出更好的CSS代码.
在CSS中,其实是任何一门语言中,使用有意义的或是描述性的名字来定义你的变量,都是很重要的.它提高你代码中的可读性和可维护性.这时举一个经 典的使用不好的命名规则的例子:有两列的布局,其中左边包含菜单的列命名为”leftcol”,另一个右边的是包含内容的列叫”rightcol”.这样 是可以的,你有没有想过,如果这时你的客户要求改成不同的样式,怎么办呢?假如他想改变两个列的位置,那么,这样的这两个列命名含义就有错误了.
最好的办法是确定哪个是主要的内容,哪一个是次要的.主要内容可以被命名为”maincotent”,次要的内容可以命名 为”secondarycontent”.这就可以解决交换列的问题,并提高了代码的可维护性.
(全文 …)
十
31
2010
1、保持一贯性。
就像其它的任何事一样，值得一直保持一贯性。保持连贯性，而不是想到什么就给id和class命名什么。
CSS的级联样式有利于加深你的记忆，而且充分利用样式的继承去设置样式表。
首先声明通用的部分的样式，然后继续声明不通用的。这样当你需要的时候更容易的去覆盖一个特定的样式。因为样式更易于阅读和更具逻辑性，你 会发现编写CSS更迅速。
使用一种最是适合你的方式。
复位和覆盖
链接和类型
主要布局
二次布局结构
表单元素
杂项
(全文 …)
十
21
2010
作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面 介绍的按功能分类的css工具可以有效地节省你设计网站的时间。
优 化/格式化类
十
13
2010
请不要低估这些小工具，他 们极其的方便并且能节省很多的时间和工作，下面就是这些在线工具的列表，挑几款来试试吧。
我还是比较喜欢Ajax Load和Web 20 Badges Generator的，你们呢？
一个图标制作工具，很是方便。
(全文 …)
Copyright © 2009-2010 - 浙ICP备10046555号 我想网 板凳 | SiteMap | Entries (RSS) | Comments (RSS)
本站发布的博文若有涉及到版权问题，请立即电文告知 板凳，我们将会在第一时间内作出处理。
WordPress theme by 
9th sphere website design