- 来源：本站 | 归类：Css
-
我们在写CSS的时候经常会遇到这种情况：
<input type="text"/>
<input type="submit" value="提交"/>
一半来说，我们都会赋予text和input不同的id或者class来分别定义输入框和按钮的样式，例如：
<input type="text" id="text"/>
<input type="submit" value="提交" id="submit"/>
但是，如果我们只想把网页中所有的text以及submit都分别定义为相同的样式，那么，我们可以用下面的方法来实现：
<style type="text/css">
input { width:expression((type=="text")?350:80); }
input[type="text"] { width:350px; }
input[type="submit"] { width:80px; }
</style>
<input type="text"/>
<input type="submit" value="提交"/>
- 关键字:input,css,html代码
- 操作：查看 收藏
- 来源：本站 | 归类：Css
-
我们可以使用三种方法来给一个对象(例如div,span,table)应用样式。
1：使用#定义样式，并使用id为对象应用样式。
......
2：使用.定义样式，并使用class为对象应用样式。
......
3：不定义样式，直接使用style为对象应用样式。
......
使用这三种方法所产生的效果是相同的，但我们需要注意的是，这三种方法间的优先级问题。
如果我们对一个对象同时使用上述三种方法定义样式，会怎么样呢？
比如我们先定义一个#STYLE { font-size:12px; }再定义一个.STYLE { font-size:14px; }最后在对象上使用style="font-size:16px;"代码如下：
......
这种情况下，浏览器会根据三种方式的优先级，即style>id>class来为对象应用样式。上述例子中，div中的文字会显示为16px大小。
- 关键字:css,id,class,style
- 操作：查看 收藏
- 来源：本站 | 归类：Css
-
去年还在郁闷Ie6与Firefox(火狐)兼容性的问题，今年又多出了个Ie7。并且最让人接受不了的是，同样的代码在Ie6和Ie7下，竟然会出现完全不同的效果，不知道微软是怎么想的。Hack是邪恶的，而且有很大部分的Hack不只是像用clear both来闭合浮动元素那么简单。动不动的负margin，再加上一堆冷门的CSS(但正因为Hack，使这些样式热得不能再热)，别说是新手，就算老手也会头大。花了九牛二虎之力好不容易把Hack弄懂了，那毕竟也只是一个Hack。
所以，我们还是用比较古老的办法来解决Ie6,Ie7,FireFox的兼容问题吧。
- 关键字:兼容,ie6,ie7,firefox,hack
- 操作：查看 收藏
- 来源：本站 | 归类：Css
-
定义CSS:
a.linkOne { color:black; }
a.linkTwo { color:red; }
使用CSS:
为链接加上class="linkOne"后，链接为黑色
加上class="linkTwo"后，链接为红色
- 关键字:CSS,不同链接
- 操作：查看 收藏
- 来源：本站 | 归类：Css
-
非IE的话，使用:hover就可以，例如:
#d1:hover {background:#FF0000}
......
<div id="d1">www.czbin.cn</div>
但"伟大的"Ie并不支持这样写...
只好通过定义onMouseOver事件和onMouseOut了,例如:
<div onMouseOver="this.style.backgroundColor='#FF0000'" onMouseOut="this.style.backgroundColor='#FFFFFF'">
......
- 关键字:鼠标经过,容器,变色
- 操作：查看 收藏
- 来源：本站 | 归类：Css
-
今天被一个问题郁闷了半个多小时,又是IE...我也服了!
开始代码是这样的
......
<div>
<ul id="m">
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<div style="clear:both"></div>
</ul>
</div>
......
IE下浏览，每个LI竟然都有80的Top Margin....
......
- 关键字:IE,UL,Margin,传递,LI
- 操作：查看 收藏
- 来源：网络 | 归类：Css
-
字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。
中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。
作为中文的读者，习惯性的接受方块形状做为阅读的单元，其实对于眼睛来说，这是一种容易疲劳的方式，阅读的时候你的视线实际上是跟随整行文字的外形。看看这个例子。
NOW I VE TRIED TO TALK TO YOU AND MAKE YOU UNDERSTAND
Now I ve tried to talk to you and make you understand
哪一行更容易读呢？
......
最好使用左对齐，尤其要避免使用左右对齐，除非你有一个特殊的设计目的，左对齐时右侧的不对齐正是为了阅读的方便，右侧的变化对你的视力是一个帮助，它借助变化告诉你的眼睛可以换行了。
行间距？
......
很特殊的用途，对中文来说这两者应该是相同的。这个设定的本身就是为了解决某些字体设计上缺陷，来增加文字的可读性。
- 关键字:CSS,字体处理效果
- 操作：查看 收藏
共7 篇日志
1
