web前端css
ljl157011
这个作者很懒,什么都没留下…
展开
-
网页布局之---固定布局、流动布局、弹性布局
当设计的网站会面向众多用户时,设计师必须考虑访客之间的下列潜在差异: 屏幕分辨率用的哪款浏览器浏览窗口是否最大化是否启用占位置的浏览器的额外组件(如历史、书签、Google工具栏等等)乃至操作系统和硬件情况 由于并无标准规定网页大小,网页设计师工作时就需要解决不计其数的问题。 1. 固定布局和流动布局的差异 尽管大部分设计师和开发者都对固定和流动网页布局有基本的了解,我们还转载 2013-11-20 13:12:28 · 13320 阅读 · 0 评论 -
display:table-cell总结
一、display:table-cell属性简述 display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用。 我们都知道,单元格有一些比较特别的属性,例如元素的垂直居中对齐,关联伸缩等,转载 2014-04-04 10:45:50 · 1826 阅读 · 0 评论 -
css布局 居中总结
居中是我们使用css来布局时常遇到的情况。 使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。 注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种简单的、人畜无害的居中方法 1. 把margin设为auto 具体来说就是把要居中的元素的margin-left和margi转载 2014-01-02 20:57:59 · 869 阅读 · 0 评论 -
div+css 圆角框总结
简洁型css圆角: 方法1: 简洁型css圆角矩形 code1: 复制代码 代码如下: .b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{}{display:block;overflow:hidden;} .b1,.b2,.b3,.b1b,.b2b,.b3b{}{height:1px;} .b2,.b3转载 2013-12-19 13:22:21 · 663 阅读 · 0 评论 -
CSS浏览器兼容性与解析问题终极归纳
1.怪异模式问题:漏写DTD声明,Firefox仍然会按照标准模式来解析网页,但在IE中会触发怪异模式。为避免怪异模式给我们带来不必要的麻烦,最好养成书写DTD声明的好习惯。 2.IE6双边距问题:在IE6下,如果对元素设置了浮动,同时又设置了margin-left或margin-right,margin值会加倍。例如: HTML: div class="myDiv">div>转载 2014-01-02 11:17:56 · 1907 阅读 · 0 评论 -
overflow知多少
原文地址: http://www.hicss.net/some-overflow-knowledge/ 最近在研究OOCSS,当打开template.css阅读第一行时,震惊了,第一眼居然没看懂。。。。。。以下就是OOCSS下的template.css第一行代码: 1 2 .body{overflow:hidden; _overfl转载 2013-12-17 11:24:32 · 985 阅读 · 0 评论 -
css之三权分立模式
出自 海玉的博客 本文地址: http://www.hicss.net/separation-of-powers-model-in-css-design-patterns/ 市面上我们常常会看到各种各样的设计模式书籍,Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料,即使在网上找到类似内容,细细一看之下才发觉是南转载 2013-12-08 11:31:50 · 809 阅读 · 1 评论 -
ie6,ie7,火狐css hack总结
转自:http://www.divcss5.com/css-hack/c23.shtml 我们在开发DIV+CSS页面时候常常会遇到开发出的网页的一些地方在各大浏览器比如微软IE6、微软IE7、微软IE8、火狐浏览器、谷歌浏览器有一些不同,如宽度、高度等地方有相差误。 IE6比较老的版本浏览器,用户比较多, IE7较新浏览器,更接近标准浏览器, IE8算是微软标准浏览器,但差别于浏原创 2013-12-08 12:00:13 · 824 阅读 · 0 评论 -
拥有布局 IE haslayout
拥有布局 IE haslayout 找们那知道浏览器有bug,而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的衣现与其他浏览器不同的原因之一是,显示引擎使用一个称为布局(layout)的内部概念。因为布均是一个专门针对显示引擎内部工作方式的概念,所以一般悄况下不需要了解它。但是,布局问题是许多IE/Win显示bug的根源,所以理解这个概念以及它如何影响CSS转载 2013-11-22 19:52:04 · 1201 阅读 · 0 评论 -
haslaylout 和 bfc解析
haslaylout 和 bfc 一个是ie特有属性,一个是标准属性, bfc 有3个作用, 1.包含浮动元素,2.防止编剧重叠,3.防止被浮动元素覆盖原创 2014-04-07 21:16:28 · 738 阅读 · 0 评论