-
<figure>图片容器 <img src="" width="" height=""/> <figcaption>图片内容</figcaption> </figure>查看全部
-
1.p:nth-of-type(1):同级p标签兄弟元素,第一个p标签 2.媒体查询,响应式布局:@madia screen and (min-width: 601px) and (max-width: 1000px){}查看全部
-
CSS3--transform 1.translate:指定对象的2D translation(2D平移) transform:translate(10px,10px)(对应X轴<左-右+>,对应Y轴<上-下+,为null,默认为0>) 2.rotate:指定对象的2D rotation(2D旋转),需先有transform-origin属性的定义 Rotate(90deg<角度值,顺时针+>),transform-origin:0 0<设置中心点>; 3.scale:指定对象的2D scale(2D缩放) scale(0.5,0.5)(对应X轴,对应Y轴<为null,默认取第一个参数的值>) 4.skew:指定对象skew transformation(斜切扭曲) skew(50deg,20deg)(对应X轴,对应Y轴<为null,默认为0>)查看全部
-
figure figcaption p,h2,div { transition:all 0.35s; -ms-transition:all 0.35s; -webkit-transition:all 0.35s; }查看全部
-
transform属性: 1、translate(移动)-- transform:translate(10px,10px); 2、rotate(旋转)-- transform:rotate(90deg); 3、scale(缩放)-- transform:scale(0.5,,0.5); 4、skew(斜切)-- transform:skew(50deg,,0deg);查看全部
-
figure标记文档图像;figcaption定义figure标记的标题。 figure及figcaption标签的用法: <figure><img src=""/><figcation>figcation</figcaption></figure>查看全部
-
opacity 虚化查看全部
-
css定位第一个p标签,第二个p标签查看全部
-
transition查看全部
-
达到某种条件后加载css样式查看全部
-
skew查看全部
-
figure查看全部
-
定点旋转查看全部
-
@media screen and (max-width:600px) { figure { width: 100%; } } @media screen and (min-width:601px) and (max-width:1000px) { figure { width: 50%; } } @media screen and (min-width:1001px) { figure { width: 33%; } }查看全部
-
figure标签和figcaption标签查看全部
举报
0/150
提交
取消