
css
YogiLai
这个作者很懒,什么都没留下…
展开
-
css之自动换行
http://www.blueidea.com/tech/web/2006/3469.asp 自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽转载 2011-11-18 22:31:59 · 537 阅读 · 0 评论 -
块元素和内联元素css中块元素可以同时用float和inline消除ie6下的margin加倍
块元素和内联元素css中块元素可以同时用float和inline消除ie6下的margin加倍 代码如,div{margin:10px;float:left;display:inline;} 为什么在css中可以同时用float和inline,因为先前的了解是块元素就不是内联元素,它们之间的关系是对立的。其实问这个这个问题是错误的,由于自己的理解错误才问这样的 问题,其实情况是在html原创 2012-02-18 13:06:29 · 1865 阅读 · 0 评论 -
CSS 浮动的16条规则——如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄
http://sishuok.com/forum/posts/list/2198.html 1.浮动元素会从文档正常流中删除,但它仍会影响布局 2.浮动非替换元素必须为其指定width,否则元素的width会趋于0而导致浮动元素不能完整显示 3.一旦元素具有了浮动属性,它便成为了一个块级元素。 4.浮动元素的左右外边界不能超出包含块的左右内边界 5.浮动元素永不会重叠转载 2012-02-16 19:28:33 · 4086 阅读 · 0 评论 -
当容器padding后,容器内的元素设置margin时的计算
代码如下 div { padding: 15px;} p { margin-left:10px; } Hello 上面的代码表示 div内边距上下左右长度分别为15px p的左边的外边距为10px 也就是说div和p的左边之间的距离等于15加10共25像素距离 此时p的margin-left是从div的padding-left结原创 2012-02-16 23:46:10 · 683 阅读 · 0 评论 -
div与ul包含关系中relative和absolute中的设置
关键是.a宽度和高度的设置和设置absolute位置是ul和设置absolute位置的父元素定位设置为relative .a{width:100px;height:50px;border:1px solid red;} .b{position:relative;z-index:100;} .c{position:absolute;background-c原创 2012-02-16 18:47:01 · 2174 阅读 · 1 评论 -
css 非替换元素和替换元素
http://www.cnblogs.com/wkylin/archive/2011/05/12/2044328.html 元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫“盒子”。但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的。比如:div 与span的方式不一样。 什么是替换元素与非替换元素 替换元素: 替换元转载 2012-02-16 19:26:34 · 913 阅读 · 0 评论 -
font-size问题——当你设置font-size为12px时height为14,每增加一个像素高度相应就增加二个像素
font-size问题——当你设置font-size为12px时height为14,每增加一个像素高度相应就增加二个像素 在firefox9测试,ie6不准确。如, font-size:12px; 则在jquery中为 $("font").css('height'); 为14px; 遵循一个规律,字体每增加一个像素,高度相应就增加二个像素原创 2012-02-16 15:56:49 · 1574 阅读 · 0 评论 -
css参数之间要有空格隔开否则ie6下不起作用——亲测
css参数之间要有空格隔开否则ie6下不起作用——亲测 如在ecmall2.2.1的themes\mall\default\styles\default\css\ecmall.css 有以下代码 #float_list{ width:85px; padding-top:26px; background:url(home/images/float_layer.gif)原创 2012-02-15 18:18:10 · 720 阅读 · 0 评论 -
clear的设置——ecamll
/*height:0;font-size:1px;主要消除ie的默认值的影响。font-size重新定义字体大小 。系统默认好像是9pt,所以会把div撑开成9pt大小的空间。height:1;ie默认是一行文字的高度*/ .clear { clear: both; height: 0; font-size: 1px;}转载 2012-02-09 15:27:23 · 475 阅读 · 0 评论 -
解决 IE6 下 img 多余 5 个像素的空白
http://www.php100.com/html/webkaifa/DIV_CSS/2012/0208/9791.html 最近的实践中,越来越觉得 li 标签中包含 a img 标签的时候会比较麻烦,需要注意。当然,问题还是一如既往的出现在 IE 下。以下为其中一例: CSS Code: ul { width:28转载 2012-02-08 20:11:31 · 549 阅读 · 0 评论 -
可通过 @font-face 使用
http://www.php100.com/html/webkaifa/DIV_CSS/2011/1220/9514.html转载 2011-12-20 22:06:06 · 248 阅读 · 0 评论 -
30 个网站设计画廊
http://www.php100.com/html/itnews/it/2011/1210/9464.html转载 2011-12-12 10:39:41 · 438 阅读 · 0 评论 -
css兼容大部分浏览器透明背景设置
background-color: #000; filter: alpha(opacity=70); 针对ie -moz-opacity: 0.7; 针对firefox3.5以下版本,以上的不支持改用opacity(opacity英文意思为,不透明) -khtml-opacity: 0.7; 针对mac浏览器转载 2011-11-29 16:53:14 · 546 阅读 · 0 评论 -
仿凡客诚品css
#zs_announcementArea{ width:700px; height:40px; line-height:40px; margin-left:39px; font-size:14px; overflow:hidden; } #zs_announcementScroll{ width: 800%; float:left; display:inline; } #zs_a原创 2011-11-22 14:58:18 · 1577 阅读 · 0 评论 -
html文件中一个标签用多个css类
如: .font{ color:red; } .bold{ font-weight:bold; } hold住 中间用空格隔开原创 2011-11-29 00:14:16 · 4998 阅读 · 0 评论 -
用图片做超链接出现蓝色边框
用图片做超链接出现蓝色边框,如下图 解决 img{border:none;}原创 2011-11-25 23:40:04 · 721 阅读 · 0 评论 -
CSS+DIV做的可拖动带遮罩层的DIV,圆角也是用CSS实现
artdialog artDialog是一个基于javascript编写的对话框组件,精致的界面与易用的接口是它的优势 自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。 完善的接口 它的接口完转载 2011-11-24 16:24:41 · 2232 阅读 · 0 评论 -
常用按钮、文本框、表单等CSS样式13例
http://www.php100.com/html/webkaifa/DIV_CSS/2008/1124/2365.html 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /*www.52css.com*/ font-size:9pt; color: #003399; border: 1px #003399 sol转载 2011-11-20 19:50:39 · 477 阅读 · 0 评论 -
css的clear
clear可以用在普通元素,该元素本身自己不必float clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距(margin-top)实现的。在 CSS2.1 中,会在元素上外边距(margin-top)之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边转载 2012-02-18 01:09:44 · 1495 阅读 · 0 评论