摘要： transform transform ： none | <transform-function> [ <transform-function> ]* 也就是： transform: rotate | scale | skew | translate |matrix;注意：transform（变形） 阅读全文

摘要： 网布就是我们的屏幕，x轴沿屏幕平行的水平方向，y轴沿屏幕平行的垂直方向，z轴沿与屏幕垂直方向。 rotateX(angle), rotateY(angle), rotateZ(angle), rotate3d(x, y, z, angle) 为什么我旋转了之后没有出现矩形效果呢？更近的地方不应该看起 阅读全文

摘要： 其中在webkit内核的浏览器中使用时，必须加上-webkit-前缀,采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。下图为flex的相关概念的示意图 各个属性详解： 1fl 阅读全文

摘要： 一.文字阴影text-shadow 文字阴影参数:参数1 : 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 参数2 ：第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 参数3 ：如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值参数4 ： 设置对象的阴影的颜色 text-sha 阅读全文

摘要： 内容区域（content area ）是包含元素真实内容的区域。 内边距区域（padding area） 延伸到包围padding的边框。如果content area设置了背景、颜色或者图片，这些样式将会延伸到padding上。 边框区域（border area ）是包含边框的区域，扩展了内边距区域 阅读全文

摘要： 表示向左浮动，比如多个div在一个页面上，默认情况是：一行一个div，但是只要在div的css中使用float：left，可以使一行有多个div，这样可以把网页划分成很多块，但是使用该属性会影响后面的元素，所有如果后面的div不想再被影响，可以使用clear:both；可以理解为清除float:le 阅读全文

摘要： static：该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top、right、bottom、left 属性无效， 个人理解：static是position的默认值。 relative：该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置 阅读全文

摘要： 内联元素：1、内联元素(inline)不会独占一行，相邻的内联元素会排在同一行。其宽度随内容的变化而变化。 2、内联元素不可以设置宽高 3、内联元素可以设置margin，padding，但只在水平方向有效。 块状元素：1、块级元素会独占一行，默认情况下宽度自动填满其父元素宽度 2、块级元素可以设置宽 阅读全文