随笔分类 -  CSS

DIV垂直居中
摘要：HTML： CSS： 效果： 主要是用到相对定位。同时设置了top和margin 阅读全文
posted @ 2016-03-30 09:37 Beta3.0 阅读(149) 评论(0) 推荐(0)
CSS禁止文字选中
摘要：-moz-user-select:none;/*firefox*/-webkit-user-select:none;/*webkit*/-ms-user-select:none;/*ie10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;IE1... 阅读全文
posted @ 2015-09-30 14:54 Beta3.0 阅读(206) 评论(0) 推荐(0)
link和@import的区别
摘要：在实际开发中用到的都是link，基本没有接触过@import，偶然看到说link与 @import的区别，便记录下来。页面中使用CSS的方式主要有3种：1.行内添加定义style属性2.页面头部内嵌调用3.页面头部内嵌调用（link）4.页面头部内嵌调用（@import）link和@import都是... 阅读全文
posted @ 2015-04-13 09:44 Beta3.0 阅读(159) 评论(0) 推荐(0)
Footer固定在底部
摘要：这里用的是CSS Sticky Footer,支持主流浏览器（包括IE6）html ©css*{margin:0;}html,body{height:100%;}.wrapper{min-height:100%;height:auto !important;height：100%; ma... 阅读全文
posted @ 2015-04-10 09:18 Beta3.0 阅读(212) 评论(0) 推荐(0)
CSS定位(Position)
摘要：Static定位HTML元素的默认，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top/bottom/left/right影响Fixed定位元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的也不会移动也就是说Fixed的元素位置是相对于浏览器窗口的注意：Fixed定位在IE7/IE8... 阅读全文
posted @ 2015-03-11 18:34 Beta3.0 阅读(208) 评论(0) 推荐(0)
如何将页脚固定在页面底部
摘要：方法一：HTML:页头区域页面内容页脚CSS:html,body{margin:0;padding:0;height:100%;}#container{min-height:100%;height:auto !important;height:100%;position:relative;}#hea... 阅读全文
posted @ 2015-03-09 12:45 Beta3.0 阅读(182) 评论(0) 推荐(0)
如何让一个div在另一个div中绝对居中（水平+垂直）
摘要：html:css:效果如下图: 阅读全文
posted @ 2015-02-11 12:57 Beta3.0 阅读(3083) 评论(0) 推荐(1)