全栈知识第585页

css实现图片倒影

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

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)...

CSS基础一、CSS 简介 1. CSS代码风格 ① 样式格式书写 ② 样式大小写 ③ 空格规范二、CSS 选择器 1. 选择器分类 2. 基础选择器 ① 标签选择器 ② 类选择器 ③ id选择器 ④ 通配符选择器 ⑤ 基础选择器总结 ...

一、CSS简介 1. 什么是CSS CSS：Cascading Style Sheet 层叠样式表是一组样式设置规则，用于控制页面的外观样式 2. CSS作用页面外观美化布局和定位二、基本用法 1.CSS语法 <hea...

先准备好一张图片，在页面中放置一个类名为container的层作为图文容器，在该层中再定义两个层：一个类名为image-box的层放置图片，一个类名为text-desc的层放置文本描述，HTML代码描述如下： <div class=\...

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

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

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