Category: CSS

CSS

background-attachment:fixed实现背景固定的效果

http://blog.csdn.net/u011144211/article/details/46787141

https://zhidao.baidu.com/question/1766300012002949780.html

 

取值为fixed的时候，意思是固定背[……]

继续阅读

CSS

css清除浮动float的七种常用方法总结和兼容性处理

http://blog.csdn.net/promisecao/article/details/52771856

 

在清除浮动前我们要了解两个重要的定义：

浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。

高度塌陷：浮动[……]

继续阅读

CSS

css实现宽高等比例

https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout

 

It is possible without any Javascript 🙂

Th[……]

继续阅读

CSS

6 Methods For Vertical Centering With CSS

6 Methods For Vertical Centering With CSS

 

Centering elements vertically with css is something that often gives designers trouble. There a[……]

继续阅读

CSS

button垂直居中

https://stackoverflow.com/questions/33631177/using-vertical-align-to-vertically-center-a-button-within-a-div

 

Credit to @andy-furniss for[……]

继续阅读

CSS

css3制作图形大全

http://www.jqhtml.com/8045.html

 

Square

#square {
    width: 100px;
    height: 100px;
    background: red;
}

[……]

继续阅读

CSS

盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

http://blog.csdn.net/freshlover/article/details/11579669

 

Ⅰ.绝对定位居中(Absolute Centering)技术

我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现[……]

继续阅读

CSS

css中“~”和“>”是什么意思？

http://www.cnblogs.com/liuting1314521/p/6185857.html

 

css中“~”是:

为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：

p~ul{

　　background:#ff0000;
}

[……]

继续阅读

CSS

CSS中的~号是什么意思

https://zhidao.baidu.com/question/1691564837342076508.html

 

这是 CSS3 element1~element2 选择器

 

定义和用法

 

　　element1~element2 选择器 element1 之后出现的所有 element2。

 

　　两种[……]

继续阅读

CSS

css实现三等分，并且宽高等比

.videoItem .videoPic {
float: left;
position: relative;
padding: 33% 0 0; /*宽高等比*/
width: 33%;
}