-
translate的百分比是根据自身的宽度和高度来定的; top left right bottom 的百分比在旧版本chrome是根据宽度来决定，到了新版本的chrome，则是top bottom对应于高度，left right对应于宽度。查看全部
-
总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property duration timing-function delay; animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;查看全部
-
圆角效果：box-radius:左上，右上，右下，左下 阴影效果：box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式:inset内部 省略外部] 注：inset属性只能写在第一个或最后一个 X轴偏移量 Y轴偏移量都为0时四边都有偏移量？ 内部阴影时：++左上 +-左下 -+右上 –-右下 外部阴影时：++右下 +-右上 -+左下 –-左上查看全部
-
ul,li{}; ul li{}; ul>li{} 这是三个选择器，ul,li{}是分组选择器，只有在多种选择器需要设置同一个样式时，才会使用这个。 ul li{}是包含（后代）选择器，用于将指定的ul下面的所有li设置同一样式。 ul>li{}是子代选择器，用于将指定标签下面的第一代子元素设置同一样式.。 具体情况下选择具体的选择器会达到事半功倍的效果。查看全部
-
颜色后面的百分数啥意思 :百分比是指当前渐变所在位置占整个元素的比值查看全部
-
perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许改变 3D 元素查看 3D 元素的视图。 当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。 perspective: number|none; number:元素距离视图的距离，以像素计。 none:默认值。与 0 相同。不设置透视。查看全部
-
content-box模型 CSS定义的宽度高度是内容的高度宽度，元素的高度和宽度还要加上paddinig和border border-box模型 CSS中定义的宽度和高度表示元素的高度和宽度，内容的高度和宽度要减去padding和border查看全部
-
none：不显示列与列之间的分隔线。设置的分隔线宽度和颜色属性会被忽略。 hidden：不显示列与列之间的分隔线。设置的分隔线宽度和颜色属性会被忽略。 dotted：列之间的分隔线显示为圆角的矩形。圆角的半径等于分隔线宽度的一半。 dashed：列之间的分隔线显示为直角矩形组成的虚线。 solid：列之间的分隔线显示为一条笔直的直线。 double：列之间的分隔线显示为两条直线，两条直线之间有一些间隙。两条直线的宽度和间隙宽度的总和等于column-rule-width属性指定的宽度。 groove：列之间的分隔线显示为内陷浮雕效果。 ridge：列之间的分隔线显示为外凸浮雕效果。 inset：列之间的分隔线显示为内斜面效果。 outset：列之间的分隔线显示为外斜面效果。 column-rule-style属性的初始值为none。查看全部
-
a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置查看全部
-
第一个值对应X轴，X轴横向的，所以为左右倾斜，Y轴同理，而取值为正时统一往负轴斜查看全部
-
内联元素也就是行内元素不能更改宽度与高度，只能根据内容来确定要显示的大小，自然就无法旋转等，所以一定要将其转化为块元素它才会具有占据一整行的特性，也就能自由更改宽度和高度。查看全部
-
脚本下载地址： media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!--[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]-->查看全部
-
怎么样的布局或者说HTML结构才是简单干净的呢？ 这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。查看全部
-
3.多个媒体特性使用 @media screen and (min-width:600px) and (max-width:900px){ body {background-color:#f5f5f5;} } 4.设备屏幕的输出宽度Device Width <link rel="stylesheet" media="screen and (max-device-width:480px)" href="iphone.css" /> 5. not关键词 @media not print and (max-width: 1200px){样式代码} 6.only关键词 <linkrel="stylesheet" media="only screen and (max-device-width:240px)" href="android240.css" /> 到目前为止，CSS3 Media Queries得到了众多浏览器支持，除了IE6-8浏览器不支持之外，在所有现代浏览器中都可以完美支持。查看全部
-
①link方法：<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> ②@import方法： <head> <style type="text/css"> @import url(style.css) all; </style> </head> ③@media方法： <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head>查看全部
举报
0/150
提交
取消