CSS
xiaoyuyyun
啊啊啊啊啊啊
展开
-
css定位
1.定位的专业解释 (1)语法 position:static|absolute|fixed|relative (2)说明 从上面语法可以看出,定位的方法有很多种,它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位(relative)。在这个教程里,我不逐一讲,只讲最常用也是最实用的两个定位方法:绝对定位(absolu原创 2013-10-11 20:21:43 · 411 阅读 · 0 评论 -
Div+CSS规则整理
一、 善用css缩写规则 /*注意上、右、下、左的书写顺序*/ 1. 关于边距(4边): 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px (省略的左等于右) 1px 2px (省略的上等于下) 1px (四边都相同) 2. 简化所有: */ body{mar转载 2015-01-13 20:31:55 · 661 阅读 · 0 评论 -
link和@import的区别
link和@import的区别 页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是: XML/HTML代码 XML/HTML代码 @import url("CSS文件"); 两者都是外部引用CSS的方式转载 2014-11-02 19:41:27 · 425 阅读 · 0 评论 -
CSS(margin)问题嵌套div中margin-top转移
margin叠加了,你给外边的盒子一个border或者padding就好了,这个叫空白边叠加,原创 2014-10-09 19:55:41 · 3058 阅读 · 0 评论 -
HTML + CSS处理常见问题
1. 文字强制不换行,多余部分用省略号代替 white-space:nowrap;text-overflow:ellipsis;overflow:hidden; 2. 火狐,禁止拖拽拉动 resize:none; 或者 min-width:;max-width:;min-height:;max-height:; 3. 火狐,放入多个input转载 2014-07-16 15:24:15 · 394 阅读 · 0 评论 -
css的表格处理相关属性
处理表格原创 2014-05-21 09:53:24 · 346 阅读 · 0 评论 -
CSS的伪元素
css伪元素::原创 2014-05-21 09:51:49 · 373 阅读 · 0 评论 -
css 背景图片属性
背景图片重复 background-repeat:no-repeat repeat repeat-x repeat-y round space inherit !important;/*背景重复*/ background-attachment:fixed local scroll inherit !important; /*背景关联scroll 默认值。背景图像会随着页面其余部分的滚动而原创 2013-07-26 17:42:30 · 1424 阅读 · 0 评论 -
css reset
10款浏览器CSS Reset的方法 知道CSS Reset是什么吗?通常情况下,它也被写成Reset CSS,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。 正在使用CSS的你,用过CSS Reset吗?当然原创 2013-11-02 11:19:52 · 488 阅读 · 0 评论 -
css浮动布局
什么是CSS Float? float 是 css 的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了,就像印刷布局里面的文本框被设置为无视原创 2013-10-11 20:18:36 · 660 阅读 · 0 评论 -
继承机制
什么是继承? 要想了解css样式表的继承,我们先从文档树(HTML DOM)开始。文档树由HTML元素组成。 文档树和家族树类似,也有祖先、后代、父亲、孩子和兄弟^_^。这很容易理解吧,笔者在这里就不一一赘述了。希望深入了解的朋友请google之。 那么CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。 下面举个例子,有如下html代码片段:原创 2013-10-11 20:07:17 · 574 阅读 · 0 评论 -
css学习
1.CSS的作用 :用来规定网页中的内容的显示方式,避免给HTML增加很多的属性而将代码变得臃肿。 2.CSS的应用方式 (1)内联样式:在标签中包括一个style属性,并在其后定义CSS属性及值,例如: Hello world! (2)文档级样式表:将一系列样式规则罗列在HTML文档开头,处于内的之间,它可以改变外部样式表中定义的一个或多个规则,创建一个个性化的文档,适用原创 2013-10-11 20:08:15 · 589 阅读 · 0 评论 -
横向导航设计
首页 产品介绍 服务介绍 技术支持 立刻购买 联系我们 /*css调试代码*/ .test ul{list-style:none;} .test li{float:left;} .test li{float:left;width:100px;} .test a:link{color:#666;background:#CCC;text-de原创 2013-10-11 19:52:38 · 578 阅读 · 0 评论 -
一列固定宽度居中
一列固定宽度居中 XHTML CODE: 一列固定宽度居中 CSS CODE: #layout{ background-color:#C7E091; border:2px solid #B0BCA6; width:400px; height:300px; margin:0px auto;/*外边距参数*/ }原创 2013-10-11 19:41:51 · 556 阅读 · 0 评论 -
IE6、 IE7、IE8、IE9、Firefox兼容性问题
1.区别IE和非IE浏览器 #tip { background:blue; /*非IE 背景藍色*/ background:red \9; /*IE6、IE7、IE8背景紅色*/ background-color:red\0; /* ie 8/9*/ background-color:blue\9\0; /* ie 9*/ } 2.区别IE6,IE7,IE8,FF 【区转载 2014-12-26 19:51:05 · 367 阅读 · 0 评论