2012年9月14日

css hack总结

摘要: 写法一: IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !important, IE7能识别*,也能识别!important; FF不能识别*,但能识别!important; 根据上述表达,同一类/ID下的CSS hack可写为: .searchInput { background-color:#333;/*三者皆可*/ *background-color:#666 !important; /*仅IE7*/ *background-color:#999; /*仅IE6及IE6以下*/ } 一般三者的书写顺序为:FF、IE7、IE6. ... 阅读全文

posted @ 2012-09-14 18:30 七玥 阅读(117) 评论(0) 推荐(0) 编辑

css简单的总结

摘要: 1、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。 2、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。 3、段落之间,至少要有一倍行距。 4、强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。 5、一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。 6、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。 7、不要使用过小的图片做背景平... 阅读全文

posted @ 2012-09-14 18:25 七玥 阅读(114) 评论(0) 推荐(0) 编辑

调用样式表(基础)

摘要: 外部样式表调用:页面内嵌法:就是将样式表直接写在页面代码的head区。 如:外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。在符合web标准的设计中,推荐使用外部调用法,可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件,那么改一个样式表文件,可以改变所有文件的样式。 阅读全文

posted @ 2012-09-14 17:41 七玥 阅读(117) 评论(0) 推荐(0) 编辑

DOCTYPE的三种写法

摘要: XHTML 1.0 提供了三种DTD声明可供选择: 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下: 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如 完整代码如下: 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下: 理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站,使用... 阅读全文

posted @ 2012-09-14 17:32 七玥 阅读(295) 评论(0) 推荐(0) 编辑

2012年9月11日

【转载】font-size:100%有什么作用

摘要: h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;} 看到一些css重设,请问设置font-size:100%的目的和作用是什么? --------------------------------------------------------------------------------------- 假如你设置body{font-size:12px;} 但h1是不会继承这个12px,它会按照一定百分比增加字号,但如果给h1显试指定... 阅读全文

posted @ 2012-09-11 18:02 七玥 阅读(1602) 评论(0) 推荐(0) 编辑

【转载】为什么无法定义1px左右高度的容器

摘要: blueidea IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px 阅读全文

posted @ 2012-09-11 18:01 七玥 阅读(235) 评论(0) 推荐(0) 编辑

Div+CSS常见错误

摘要: 1. float元素务必指定width属性 很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。 另外指定元素时尽量使用em而不是px做单位。 2. float元素不能指定margin和padding等属性 IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定特别的值。 3. float元素的宽度之和要小于100% 如... 阅读全文

posted @ 2012-09-11 17:55 七玥 阅读(193) 评论(0) 推荐(0) 编辑

id和class的区别

摘要: 一.web标准中是不容许重复ID的,比如 div id="aa" 一个页面中不容许重复2次,而class 定义的是类,理论上可以无限重复的, 这样需要多次引用的定义便可以使用他.class还可以同时引用多个类,不同的类之间用空格隔开.二.属性的优先级问题,ID 的优先级要高于class,看上面的例子三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单. 阅读全文

posted @ 2012-09-11 17:50 七玥 阅读(140) 评论(0) 推荐(0) 编辑

【转载】网页尺寸规范

摘要: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版 面和内容决定。 2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则 视版面和内决定。 3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条 ,尺寸为740*560左右。 4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB 安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自 然会有失色的现象 5、1024*768 下网页的尺寸:width=955,height=60... 阅读全文

posted @ 2012-09-11 17:48 七玥 阅读(287) 评论(0) 推荐(0) 编辑

【转载】SEO为什么要求网页设计师用DIV+CSS布局网页?

摘要: 通常情况下,SEOer非常喜欢把一个网站做到最细节,在网页设计方面,有时与设计师沟通时,通常会问到:SEO为什么要求网页设计师用DIV+CSS布局网页?有什么好处之类的问题,其实SEO们考虑的问题就是如何让网页的内容更好的让搜索引擎抓取网页的内容,更容易评估网页内容的质量,这样有利于排名。这是SEO们的最基本的目的,当然CSS+DIV的好处并不局限于此,以下为详细的分析: SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影 阅读全文

posted @ 2012-09-11 17:46 七玥 阅读(156) 评论(0) 推荐(0) 编辑

导航