y1s2y3的博客

  none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） ...

css hack的定义: css hack由于不同的浏览器，比如:IE6,IE7,Firefox等，对css夫人解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对于不同的浏览器去写不同的css,让它能够同时兼容不同的浏览器，能在不同的浏览器中，也能得到我们想要的页面效果。  css kack怎样使用： css hack一般是利用浏览器的支...

1. 线性渐变:从上至下#grad { background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, ...

@media screen and (max-width: 1366px){html{font-size: 7px;}body{font-size: 7px;}}@media (min-width: 1366px) and (max-width:1600px ){html{font-size: 8px;}body{font-size: 8px;...

以前一直听说less/sass，今天我开始学习less  @font-color:#333333;//字体颜色@font-size:1.6rem;//默认字体大小@background-colorE:#eeeeee;//背景色为#eeeeee@overFlowHidden:hidden;//@left:left;//左@right:right;//右@center:cen...

.demo{ background: linear-gradient(to bottom,#fff 0%,#333 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: tra...

1. 使用 margin: 0 auto;进行居中   .demo{width:80%;margin: 0 auto;} 2. 使用margin-left实现.demo{      width:80%;     margin-left:10%}3. 使用padding-left实现.demo{       /* width:100%;*/  /*...

<style scoped lang='less' type='text/less'> .demo { .list{ color: red; } }</style>

1. flex换行.parent{ width:100%; display:flex; flex-wrap:wrap; .child{ flex:1; widh:50%; max-width:50%; min-width:50%; }}