CSS知识
looksun
这个作者很懒,什么都没留下…
展开
-
ss IE6 IE7 IE8 IE9 Firofox写法区别
(“√”代表可识别优先,“x”代表不可识别) 示例:(FF:white;IE7:greenIE6:orange) 只针对FF与IE6(IE7): background:white; *background:orange; 只针对IE7与IE6: background:green; _background:orange; or…转载 2012-01-10 16:30:44 · 809 阅读 · 0 评论 -
DIV+CSS规范命名大全集合
DIV+CSS规范命名大全集合常用DIV+CSS命名大全集合,即CSS命名规则DIV CSS命名目录命名规则说明重要CSS命名CSS命名参考表命名技巧我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。一、命名规则说明: - TOP1)、所有的命名最好都小写2)转载 2016-03-18 09:48:58 · 490 阅读 · 1 评论 -
css实现强制不换行/自动换行/强制换行
强制不换行div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-break:break-all;}CSS设置不转行:overflow:hidden 隐藏white-space转载 2016-03-18 11:25:58 · 641 阅读 · 0 评论 -
解决IE和FF 下flash挡住div(层)的方案
最近在做项目的时候,偶然遇到了div被falsh挡住的问题,这样子的话会影响到div中数据的显示,便gogle下,发现了不错的解决方案,写下来,方便遇到同样问题的朋友能够得到解决。 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" wid转载 2014-07-06 14:00:11 · 611 阅读 · 0 评论 -
RGBA实现背景颜色透明
所谓RGBA颜色,顾名思意就是R+G+B+A的颜色,再具体点就是RED+GREEN+BLUE+ALPHA的颜色,小写一下就是red+green+blue+alpha的颜色,翻译一下就是红+绿+蓝+Alpha透明的颜色。RGBA颜色归为CSS3属性,其余RGB的区别在于多了个A,也就是Alpha透明度,这是个很好的东西啊,我们以后要实现半透明效果(无论是背景,边框,文字颜色等都可以用半透明实现了转载 2014-06-05 16:57:50 · 3693 阅读 · 0 评论 -
DIV高度自适应及应该注意的问题
DIV高度自适应及注意问题积累了一些经验,总结出一些关于div高度自适应的技巧,希望有助于大家,转载请标明出处,谢谢。一、DIV高度自适应(父div高度随子div的高度改变而改变)1、如果父div不定义height、子div均为标准流的时候,父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。代码: 1. styletypestyletyp转载 2013-10-26 16:50:29 · 1210 阅读 · 0 评论 -
box-sizing是CSS3的box属性
box-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3的Box-sizing跟盒模型有什么关系呢?第一句话就说了,Box-sizing是CSS3的Box属性之一,那他当然也遵循CSS的Box model原理,为了能更好的学习和理解这个Box-siz转载 2013-04-03 14:15:05 · 6150 阅读 · 0 评论 -
最全的CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距转载 2013-03-20 13:34:38 · 611 阅读 · 0 评论 -
IE系列下z-index失效问题
IE6/IE7:问题:某个页面中,发现在IE系列下,z-index数值再大,遇到图片是还是被图片所覆盖(文字则没问题)解决:在它的父级层(可理解为设置position:relative的层),设置z-index:1,即可。针对IE6(转):一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点,不会花费过多篇幅详细讲述。这里就简单带过,z-index伴随着转载 2013-01-02 22:22:58 · 853 阅读 · 0 评论 -
UL标签的padding与margin默认值 40px
UL标签的padding与margin默认值ul标签在FF中默认只有padding值(即:padding-left:40px),而在IE中只默认有margin值(即:margin-left:40px),所以先定义 ul{margin:0;padding:0;}就能解决大部分问题。一般都在总样式规定一下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6原创 2012-12-24 13:08:59 · 12148 阅读 · 2 评论 -
CSS line-height 和 vertical-align 精解
line-height属性的具体定义列表如下:语法: line-height : normal | | | | inherit说明: 设置元素中行的高度。值: normal:默认行高,一般为1到1.2; 实数:实数值,缩放因子; 长度:合法的长度值,可为负数; 百分比:百分比取值基于元素的字体尺寸。初始值: normal继承性: 继承适用于: 所有元素媒体:转载 2012-09-01 09:16:31 · 1012 阅读 · 0 评论 -
Div与table的区别
Div与table的区别1:速度和加载方式方面的区别div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的:div 的加载方式是即读即加载,遇到 没有遇到 的时候一样加载 div 中的内容,读多少加载多少;table 的加载方式是完成后加载,遇到 后,在读到 之前,table 中的内容不加载,或者传输中断了(document.o转载 2012-06-02 23:07:57 · 539 阅读 · 0 评论 -
display:inline-block的深入理解
在使用 CSS 实现表现的时候,会经常接触到 display:inline-block 这一属性,无论是初接触 Web 标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有:Opera、S转载 2012-01-12 13:06:27 · 489 阅读 · 0 评论 -
用css对webkit内核的浏览器自定义滚动条
用css设置webkit内核浏览器的滚动条主要设置以下7个属性:1.::-webkit-scrollbar /*滚动条整体部分,可以设置宽度高度*/2.::-webkit-scrollbar-button /*滚动条两端的按钮*/3.::-webkit-scrollbar-track /*外层轨道*/4.::-webkit-scrollbar-track-piece /*内层滚转载 2017-10-31 14:02:01 · 502 阅读 · 0 评论