![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
相当之稳重
这个作者很懒,什么都没留下…
展开
-
css定位
CSS定位的定义: 在CSS中关于定位的内容是:position:relative | absolute | static | fixed 1、static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。 2、relative 不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-inde原创 2012-08-22 00:16:35 · 228 阅读 · 0 评论 -
解决HTML5新标签不兼容的问题
方式一:Coding JavaScript (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog,eventsource,figure,footer,h转载 2014-02-19 10:27:00 · 5789 阅读 · 0 评论 -
css使英文强制换行
在指定宽度的div内,如果中文内容过长则会自动换行,但英文不会自动换行。原因:英文单词之间有空格才会换行,对于一长串字母会被当成是一个单词而显示完解决:css强制英文换行 #wrap{word-break:break-all; width:200px;}原创 2013-07-02 15:03:59 · 10563 阅读 · 0 评论 -
用CSS中的Media类型实现响应式设计
说说CSS属性中的Media媒体类型,引用外部css文件 其中 media="all" 指定了媒体类型,CSS一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。而CSS所支持的媒体类型有以下一些:screen:指计算机屏幕。print:指用于打印机的不透明介质。projection:指用于显示的项目。braille:盲文系统,指有触觉效果的印刷品。转载 2013-12-10 07:38:41 · 1284 阅读 · 0 评论 -
css3设置圆角边框
border-bottom-right-radius:12px;该属性允许设置圆角边框原创 2013-10-24 09:28:38 · 823 阅读 · 0 评论 -
img宽度和全屏banner图注意事项
img标签引用图片路径时会把整个图片的全貌都显示出来,若img指定宽度大于图片的实际宽度,则图片会被拉伸显示,若img指定的宽度小于图片的实际宽度,则图片会被挤压缩小显示,总之图片一定会显示出全貌而不能只显示局部。在做全屏banner图时应考虑到PC显示器的分辨率有1024*768、1366*768、1440*768、1600*900、1900*1200等多种不同的尺寸大小,为了能适应所有原创 2013-08-31 09:58:24 · 15780 阅读 · 2 评论 -
解决IE6下hover失效问题
IE6只支持 a:hover ,标签 a 以外的hover在IE6下无效,解决办法如下:在html页面(而不是css文件)中设置样式,body { behavior: url(css/hover.htc); }其中hover.htc文件的内容如下:/*** Pseudos - V1.30.050121 - hover & active* ------原创 2013-08-07 23:31:41 · 877 阅读 · 0 评论 -
css透明
#box{filter:alpha(opacity=50);-moz-opacity:0.5}原创 2013-07-09 23:09:55 · 411 阅读 · 0 评论 -
css设置浏览器滚动条样式
html{SCROLLBAR-FACE-COLOR: #93B1C2; /*立体滚动条的颜色*/SCROLLBAR-HIGHLIGHT-COLOR: #93B1C2; /*滚动条空白部分的颜色*/SCROLLBAR-SHADOW-COLOR: #93B1C2; /*立体滚动条阴影的颜色*/SCROLLBAR-3DLIGHT-COLOR: #93B1原创 2013-06-06 11:40:07 · 562 阅读 · 0 评论 -
css兼容overflow为hidden值
产生原因: 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 解决办法: 我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。解决这个bug很简单,在父元素中使用position:relative;即可解决该bug原创 2013-03-25 09:36:25 · 653 阅读 · 0 评论 -
iframe自适应高度
原创 2012-12-18 22:14:48 · 249 阅读 · 0 评论 -
下拉菜单被焦点图遮住的解决办法
菜单最外层div设置 position:relative; z-index:9999;二级下拉菜单设置 position:absolute; z-index:9999;原创 2012-12-04 11:18:34 · 1587 阅读 · 0 评论 -
img标签与文字对齐方式
img标签的align属性可控制图片与文字的对齐方式,align属性的值如下:AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。 AbsMiddle 图像的中间与同一行中最大元素的中间对齐。 Baseline 图像的下边缘与第一行文本的下边缘对齐。 Bottom 图像的下边缘与第一行文本的下边缘对齐。 Left 图像沿网页的左边缘对齐,文字在图像右边换行。原创 2012-11-16 17:00:05 · 10972 阅读 · 0 评论 -
解决输入框和图片按钮控件不能对齐
该输入框和图像按钮控件不能对齐,解决办法如下:原创 2012-10-24 10:18:13 · 1018 阅读 · 0 评论 -
解决谷歌火狐下flash不能透明的问题
透明flash背景在IE下正常,只要加上这句就可以了,但是在火狐和谷歌下无效,解决方法只要在间加上wmode="transparent"才可以,示范如下: type="application/x-shockwave-flash" width="382" height="73" wmode="transparent">原创 2012-09-25 17:47:15 · 1703 阅读 · 0 评论 -
css高度auto时背景色无效
当一个元素的高度height值设置为auto时,其背景色属性将无效。解决方法很简单,设置该元素 overflow:hidden; 即可解决问题。 原理可参见:http://blog.csdn.net/lijiapu38775261/article/details/6570173原创 2012-09-21 23:13:34 · 1425 阅读 · 0 评论 -
css hack
这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!CSS hack由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。***********原创 2012-08-22 00:16:47 · 263 阅读 · 0 评论 -
css优先级
一般情况下:[1位重要标志位] > [4位特殊性标志] > 声明先后顺序!important > [ id > class > tag ] 使用!important可以改变优先级别为最高,其次是style对象,然后是id > class >tag ,另外,另外在同级样式按照申明的顺序后出现的样式具有高优先级。 div{background: red !i原创 2012-08-22 00:14:52 · 237 阅读 · 0 评论 -
HTML5主要特性
1、语义明确的标签体系。语义化的标签在未来会更加迎合搜索引擎的抓取。2、富媒体支持。video、audio 标签支持了HTML5富媒体,而不必使用flash插件才能播放音频视频了。3、本地数据存储技术。4、不需要插件的富动画(canvas标签)。5、强大的API支持,不仅仅DOM3提供了更加优秀的API,浏览器也提供了许多新的API用于处理网页。原创 2014-06-07 11:23:09 · 804 阅读 · 0 评论