w2

2024-01-18 22:18

文章标签 w2

本文主要是介绍w2，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.flex

   flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。
   设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
   ·http://blog.csdn.net/u014607184/article/details/52650446
   ·http://blog.csdn.net/lyznice/article/details/53981062

   flex-basis:定义在分配多余空间之前，项目占据的主轴空间（main size），类似于设置了width属性。

2.box-sizing：

    padding + border + width= 盒子的宽度
    padding+ border + height = 盒子的高度

   content-box:在宽度和高度之外绘制元素的内边距和边框。
   border-box:为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制;

   1】浏览器兼容性：
   *, *:before, *:after {
　　       -moz-box-sizing: border-box;
　　       -webkit-box-sizing: border-box;
　　       box-sizing: border-box;
　　}

3.绘制三角形

width:0px;
height:0px;

再通过更改颜色和尺寸：

#div{
border:0px 100px 100px 100px;
border-color:transparent transparent blue transparent;
width:0px;
height:0px;
}

4.属性选择器

        <style>[title]{background: pink;}[name^="td"]{background: blue;}[name$="xt"]{background: blue;}</style></head><body><p title="">快乐每一天</p><form name="text">开心呐</form><form name="td">开心呐</form><form name="te">开心呐</form><form name="xt">开心呐</form></body>