![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
k678mh
这个作者很懒,什么都没留下…
展开
-
margin和padding的区别
目前web2.0已经越来被人们认可,因为喜欢搞web开发的人员不得不硬着头皮去学习web2.0的标准,其中很重要的一条就是新的布局规则,div+css。以前基本上是用table布局的,这种传统的方式简单直观,但是这新的标准我学习起来时常找不到北。呵呵,就拿今天这个例子来说吧,很多朋友肯定也有我这种情况的,那我就从网上搜集一些例子出来,让个更多的人消除这种烦恼。 事例一:转载 2013-03-18 22:25:37 · 695 阅读 · 0 评论 -
scrollWidth,clientWidth,offsetWidth的区别
网页可见区域宽:document.body.clientWidth; 网页可见区域高:document.body.clientHeight; 网页可见区域高:document.body.offsetWeight: 网页可见区域高:document.body.offsetHeight; 网页正文全文宽:document.body.scrollWidth; 网页转载 2014-01-23 15:55:35 · 491 阅读 · 0 评论 -
display:inline-block
CSS中display:inline-block属性用法在使用CSS实现表现的时候,会经常接触到display:inline-block这一属性,无论是初接触Web标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。但对于这个属性不是所有转载 2014-01-23 16:06:23 · 583 阅读 · 0 评论 -
CSS outline:none
当元素获得焦点的时候,焦点框为0.比如说当前这个网页,你用tab键切换的时候,文字链接、搜索框、按钮等的外面会有一个虚线框(或高亮框),此时当前的元素就获得了焦点,你可以对它进行操作。这个功能一般是为使用键盘操作的用户准备的。有些链接——比如一个图片链接,你不想让他出现虚线框破坏设计感,就可以用此方法。建议一般不要去掉,只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。定原创 2014-01-23 14:24:24 · 2735 阅读 · 0 评论 -
css float浮动清除
CSS清除浮动_清除float浮动 http://www.divcss5.com/jiqiao/j406.shtmlcss float用法 http://hi.baidu.com/linfengtingyu1/item/2b955c437c8e23f0dd0f6c78清除浮动 http://www.cnblogs.com/xiaoyao2011/archive/2原创 2013-08-22 22:30:25 · 524 阅读 · 0 评论 -
CSS实现无图片带箭头的DIV方框
纯CSS无图片带箭头的DIV方框div.container{position:absolute;top:30px;left:40px;font-size: 9pt;display:block;height:100px;width:200px;background-color:transparent;*border:1px solid #666;}s{原创 2013-08-22 21:46:47 · 816 阅读 · 0 评论 -
CSS倒三角样式
border-left:transparent solid 4px; //制左右透明 border-right:transparent solid 4px;// border-top:#ffffff solid 4px; //设置上边框样式原创 2013-08-22 21:57:13 · 2036 阅读 · 0 评论 -
纯CSS样式实现圆角边框
直接看截图:源码如下,直接保存另存在html文件即何看到效果:> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>最原始的圆角框titl转载 2013-08-22 21:53:29 · 1553 阅读 · 0 评论 -
CSS中有-webkit-border-radius
CSS中有-webkit-border-radius小知识 2009-09-04 15:15 阅读126 评论0 字号: 大 中 小border-radius:用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码: style=" backgrou原创 2013-08-06 21:21:06 · 1135 阅读 · 0 评论 -
z-index层级在IE中无效
引用地址:http://apps.hi.baidu.com/share/detail/19853262在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。1.第一种情况(z-index无论设置多高都不起作用情况):这种情况发生的原创 2013-08-05 13:33:20 · 464 阅读 · 0 评论 -
CSS Hack
针对不同的浏览器写不同的CSS code的过程,叫CSS hack。CSS Hack的原理: 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。等等 书写顺序转载 2013-05-08 15:25:55 · 485 阅读 · 0 评论 -
CSS让TD自动换行
td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,反之不起作用。我们可以通过为td设置word-break:break-all来实现换行 HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowra原创 2014-03-21 13:03:02 · 1023 阅读 · 0 评论