css的div垂直居中的方法,百分比div垂直居中(推荐translate)

1. 固定高宽div垂直居中 .outer{ position: relative; width:100%; height:100%; } .inner{ position: absolute; left: 50%; top: 50%; width:200p...

2017-01-23 11:09:06

阅读数 2441

评论数 0

CSS 巧用 :before和:after

什么是:before和:after? 该如何使用他们? :before是css中的一种伪元素,可用于在某个元素之前插入某些内容。 :after是css中的一种伪元素,可用于在某个元素之后插入某些内容。 下面我们先跑个简单的代码测试下效果: style> p:bef...

2016-12-22 17:21:32

阅读数 309

评论数 0

CSS3之元素阴影box-shadow

转自: http://blog.csdn.net/lee_magnum/article/details/11725155

2016-12-20 15:58:54

阅读数 208

评论数 0

CSS3之变换Transform

http://blog.csdn.net/lee_magnum/article/details/11900171

2016-09-09 11:34:09

阅读数 123

评论数 0

CSS3之过渡Transition

http://blog.csdn.net/lee_magnum/article/details/11990933 CSS3也有着非常强大的属性,那就是过渡——Transition。过渡——Transition在W3C的描述:“css的transition允许css的属性值在一定的时间区间内平滑...

2016-09-08 16:45:41

阅读数 139

评论数 0

有关首行的那些事儿

css代码: [css] view plain copy  print? .menglong,.menglong2,.menglong3 {       width:300px;       border:1px solid #ddd;       padding:5px; ...

2016-09-07 16:50:47

阅读数 145

评论数 0

css3 box-sizing属性

box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。 content-box,border和padding不计算入width之内 padding-box,padding计算入width内 border-...

2016-08-09 16:19:11

阅读数 97

评论数 0

CSS元素隐藏“失效”以其妙用

转自: http://www.zhangxinxu.com/wordpress/2012/02/css-overflow-hidden-visibility-hidden-disabled-use/ 一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多...

2016-07-15 10:07:19

阅读数 577

评论数 0

返回顶部-右侧fixed+内容宽度自适应

来自: http://www.zhangxinxu.com/wordpress/2011/12/position-absolute-text-align-center/ 固定在右边,且内容宽度变化不影响。使用了 1. position: fixed; 固定在屏幕 2. text-align: ...

2016-07-15 09:24:04

阅读数 1397

评论数 0

CSS3新增样式-borderRadius的使用

来自百度,截图

2016-07-14 10:45:21

阅读数 152

评论数 0

margin 负值 实践_2

1. 制作包含3列的单个 ul> li class="col1">Eggsli> li class="col1">Hamli> li class="col2 top">Bread...

2016-07-11 14:09:55

阅读数 191

评论数 0

margin 负值 实践

一、左右列固定,中间列自适应布局 此例适用于左右栏宽度固定,中间栏宽度自适应的布局。由于网页的主体部分一般在中间,很多网页都需要中间列优先加载,而这种布局刚好满足此需求。   HTML: div class="main"> d...

2016-07-11 10:32:56

阅读数 201

评论数 0

margin 负值 理论

当给一个元素设置margin 负值(top/left),该元素将在该方向上产生位移 当给一个元素设置margin负值(bottom/right),这个元素并不会像你所预想的产生位移,而是将任何紧随其后的元素“拉”过来,覆盖在自己的上边。

2016-07-08 16:46:59

阅读数 923

评论数 0

弹出的css实现

实现点击弹出,展现弹出层,点击关闭,关闭弹出层。 弹出层的fixed,里面的内容absoute。注意弹出层overflow哦 .body-wrap{         width: 100%;         height: 2000px;     }     .button-small...

2016-07-06 15:06:45

阅读数 244

评论数 0

style标签下的CSS代码的显示与实时编辑

http://www.zhangxinxu.com/wordpress/2011/03/style%E6%A0%87%E7%AD%BE%E4%B8%8B%E7%9A%84css%E4%BB%A3%E7%A0%81%E7%9A%84%E6%98%BE%E7%A4%BA%E4%B8%8E%E5%AE%...

2016-06-06 14:58:21

阅读数 426

评论数 0

textarea:contenteditable模拟文本域-纯文本-chrome浏览器,其余不兼容

1. 与contenteditable属性无关的CSS控制法   只有webkit内核浏览器才支持read-write-plaintext-only 一个div元素,要让其可编辑,也就是可读写,contenteditable属性是最常用方法,做前端的基本上都知道。但是,知道CSS中...

2016-06-06 14:21:57

阅读数 2311

评论数 0

使用CSS3美化复选框checkbox

方法一 :使用图片 .checkbox { display: none; } .checkbox-i{ margin-right: 20px; background-image: url("../img/icon.png"); backgr...

2016-06-02 18:30:43

阅读数 2830

评论数 0

DIV+CSS 清除浮动

DIV+CSS 浮动效果是指,父元素在未定义高的情况下,由于子元素全部浮动脱离文本流,而造成父元素高的塌陷(PS:正常情况下,父元素的高是由子元素撑起来);或者因为部分子元素的而浮动,脱离文本流而造成其他元素的布局错乱的情况。 1、给未加浮动的子元素的CSS添加 clear: bot...

2016-05-20 17:17:52

阅读数 169

评论数 0

CSS教程之div垂直居中的多种方法

一、单行垂直居中 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可。 div {               height:25px;               line-height:25px;      ...

2016-05-20 16:43:34

阅读数 172

评论数 0

rem和em和px vh vw和% 移动端长度单位

1.rem和em、px 首先来说说em和px的关系 em是指字体高度 浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:65%; 这样em就成了16px*62.5=10em;这是显示在页面的字体大小是10px; 这样12px=1.2em...

2016-05-19 19:53:13

阅读数 1201

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭