CSS
文章平均质量分 56
u013001997
热爱生活热爱技术
展开
-
CSS Hack
什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS h转载 2014-04-16 17:29:30 · 671 阅读 · 0 评论 -
CSS浮动(float,clear)通俗讲解
转载: 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不理解,转载 2014-05-07 15:30:28 · 462 阅读 · 0 评论 -
CSS行内元素与块级元素
简要说明:1. 行内元素会再一条直线上,是在同一行的。比如span和strong;2. 块级元素各占一行。是垂直方向的!比如div和p.假如你要将行内元素变成块级元素,那么就只需要在该标签上加上样式 display:block; 块级元素可以用样式控制其高、宽的值,而行内元素不可以。行内元素与块级元素列表块级元素列表定义地址原创 2014-05-06 14:28:37 · 860 阅读 · 0 评论 -
border:none;与border:0;区别
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:定义页面或区段的头部;定义页面或区段的尾部;定义页面或区段的导航区域;页面的逻辑区域或内容组合;定义正文或一篇完整的内容;定义补充或相关内容; 使用他们能让代码语义转载 2014-04-16 23:51:01 · 696 阅读 · 0 评论 -
CSS3 Media Queries 实现响应式设计
在 CSS2 中,你可以为不同的媒介设备(如屏幕、打印机)指定专用的样式表,而现在借助 CSS3 的 Media Queries 特性,可以更为有效的实现这个功能。你可以为媒介类型添加某些条件,检测设备并采用不同的样式表。 例如,你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中,这样,在不改变文档内容的情况下,不同的设备可以呈现不同的界面外观。阅读这篇文章学习 C转载 2014-04-16 22:03:30 · 623 阅读 · 0 评论 -
css的border-style
1.none:表示沒有2.solid:表示單綫3.double:表示雙線4.groove:表示凹槽5.redge:表示皺紋6.dotted:表示在windows等效solid7.dashed:虛綫原创 2014-04-16 17:04:27 · 611 阅读 · 0 评论 -
CSS元素居中
#test1{width:980px;margin: 0 auto;border: 1px solid #ACACAC;overflow: hidden;} #test1 div{height:50px;line-height: 50px;border: 1px solid #ECA6A4;margin-right: 20px;float: left;}转载 2014-04-16 17:12:32 · 625 阅读 · 0 评论 -
CSS3新特性
CSS3 仍然在开发中,如果你想跟进开发进度,请点击这里。 是的,正如你所看到的,它开发了这么多年依然没有完成。我并没有错过2006年它的第一次发布的介绍。还好,由Opera和Safari领头,更多的浏览器生产商已经开始支持CSS3的众多特性了。Firefox 3.1即将发布,它承诺跟进。然而,IE依然跟在后面。到现在为止,只有一些已经工作的特性,他们中的一些如下:圆角转载 2014-04-16 17:35:42 · 723 阅读 · 0 评论 -
inline、block、inline-block的区别
我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象,block是声明块对象,那么inline-block是什么意思,即内联又成块?接下来做个测试,让我们了解一下三者的区别和作用吧:1234567891011转载 2014-08-07 14:54:06 · 640 阅读 · 0 评论