![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
xiaoyuyyun
啊啊啊啊啊啊
展开
-
css定位
1.定位的专业解释 (1)语法 position:static|absolute|fixed|relative (2)说明 从上面语法可以看出,定位的方法有很多种,它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位(relative)。在这个教程里,我不逐一讲,只讲最常用也是最实用的两个定位方法:绝对定位(absolu原创 2013-10-11 20:21:43 · 406 阅读 · 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 · 654 阅读 · 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 · 401 阅读 · 0 评论 -
CSS(margin)问题嵌套div中margin-top转移
margin叠加了,你给外边的盒子一个border或者padding就好了,这个叫空白边叠加,原创 2014-10-09 19:55:41 · 3045 阅读 · 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 · 383 阅读 · 0 评论 -
css的表格处理相关属性
处理表格原创 2014-05-21 09:53:24 · 320 阅读 · 0 评论 -
CSS的伪元素
css伪元素::原创 2014-05-21 09:51:49 · 367 阅读 · 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 · 1397 阅读 · 0 评论 -
css reset
10款浏览器CSS Reset的方法知道CSS Reset是什么吗?通常情况下,它也被写成Reset CSS,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。正在使用CSS的你,用过CSS Reset吗?当然原创 2013-11-02 11:19:52 · 480 阅读 · 0 评论 -
css浮动布局
什么是CSS Float?float 是 css 的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了,就像印刷布局里面的文本框被设置为无视原创 2013-10-11 20:18:36 · 654 阅读 · 0 评论 -
继承机制
什么是继承?要想了解css样式表的继承,我们先从文档树(HTML DOM)开始。文档树由HTML元素组成。文档树和家族树类似,也有祖先、后代、父亲、孩子和兄弟^_^。这很容易理解吧,笔者在这里就不一一赘述了。希望深入了解的朋友请google之。那么CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。下面举个例子,有如下html代码片段:原创 2013-10-11 20:07:17 · 563 阅读 · 0 评论 -
css学习
1.CSS的作用 :用来规定网页中的内容的显示方式,避免给HTML增加很多的属性而将代码变得臃肿。2.CSS的应用方式(1)内联样式:在标签中包括一个style属性,并在其后定义CSS属性及值,例如:Hello world!(2)文档级样式表:将一系列样式规则罗列在HTML文档开头,处于内的之间,它可以改变外部样式表中定义的一个或多个规则,创建一个个性化的文档,适用原创 2013-10-11 20:08:15 · 582 阅读 · 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 · 568 阅读 · 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 · 552 阅读 · 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 · 359 阅读 · 0 评论