-
选择元素的最后一个子元素 ul>li:last-child{background:blue;}查看全部
-
HTML代码: <h2><a href="#brand">点击链接</a></h2> <div class="menuSection" id="brand"> 显示段落 </div> CSS代码: .menuSection{ display: none; } :target{/*这里的:target就是指id="brand"的div对象*/ display:block; }查看全部
-
@Keyframes 需要与 animation配合使用查看全部
-
a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置 matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());查看全部
-
1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央; 2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中查看全部
-
内联元素也就是行内元素不能更改宽度与高度,只能根据内容来确定要显示的大小,自然就无法旋转等,所以一定要将其转化为块元素它才会具有占据一整行的特性,也就能自由更改宽度和高度。查看全部
-
总结下,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;查看全部
-
不是太懂查看全部
-
需要后续再看查看全部
-
单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
transform:rotate() skew() scale() translate() matrix() transition:property duration timing-function delay查看全部
-
4-1文本溢出 哟个省略号标记查看全部
-
target 属性规定在何处打开 action URL _blank 在新窗口/选项卡中打开。 _self 在同一框架中打开。(默认) _parent 在父框架中打开。 _top 在整个窗口中打开。 framename 在指定的框架中打开。查看全部
-
:empty 用来选择没有任何内容的元素 <div>我这里有内容</div> <div> <!-- 我这里有一个空格 --></div> <div></div><!-- 我这里任何内容都没有 --> div:empty { border: 1px solid green; }查看全部
举报
0/150
提交
取消