全栈知识第585页

css动画效果之animation的常用样式

animation动画定义一个动画： /*设置一个关键帧，定义动画每一步执行的动作*/@keyframes mybox{0%{transform: translate(0,0);}25%{transform: translate(200p...

垂直方向布局比较简单…overflow是在父元素当中设置的。。。

CSS入门必备基础（适合小白）一、CSS是什么？ 1、什么是CSS？ 2、CSS有什么作用？二、CSS核心基础 1、CSS样式规则 2、引入CSS的方法 1)、行内式 2)、内嵌式 3)、链入式 2、CSS选择器 1)、基础选择器 2)...

-webkit-box-reflect属性是以谷歌浏览器为代表的Webkit渲染引擎独有的特征。-webkit-box-reflect的作用是让图片出现倒影。如果一个图片，我们想要给其增加倒影，做法如下： img{-webkit-box-...

<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" conten...

只有定位才用z-index设置层级关系相对定位：1，他是相对于自身原来位置移动2.原来的在标准留的位置继续占有，后边盒子仍以标准流对待他所以并没有脱标（主要用限制绝对定位）**绝对定位：**相对祖先元素移动1.如果没有祖先元素或所有祖先元素...

CSS实现渐隐渐现效果实现渐隐渐现效果是比较常见的一种交互方式，通常的做法是控制 display 属性值在 none 和其它值之间切换，虽说功能可以实现，但是效果略显生硬，所以会有这样的需求——希望元素消失时具有平滑的效果。实现 opa...

交集选择器交集选择器由两个选择器直接连接构成，其中第一个选择器必须是元素选择器，第二个选择器必须是类选择器或者 ID 选择器，两个选择器之间必须连续写，不能有空格。交集选择器选择的元素必须是由第一个选择器指定的元素类型，该元素必须包含第二...

效果图: 代码: <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport...

属性字体属性：(font) 大小 font-size:x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 font-style:oblique;(偏斜体) italic;(斜体) ...