摘要: filter 图片滤镜 给当前元素加滤镜_改变它的明亮度 定义:filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。作用在图片上或元素上。div{ },或 div img{ }结果是一样的。 1、 brightness()明亮度-->0-1 1为自己本身的两度 2、gr 阅读全文
posted @ 2017-11-20 22:21 蓝心高飛 阅读(862) 评论(0) 推荐(0) 编辑
摘要: background-image 背景图片的设置 属性:background-image: url(img/banner.jpg); 1、设置背景图的宽度 background-size: 400px; 2、设置背景图的宽度 百分比,以父元素的百分比来设置背景图的宽度和高度,第一个值为宽度,第二值为 阅读全文
posted @ 2017-11-20 22:08 蓝心高飛 阅读(1812) 评论(0) 推荐(0) 编辑
摘要: 1、animation 动画 概念:当您在 @keyframes 中创建动画时,请把它捆绑到某个选择器,否则不会产生动画效果。 通过规定至少以下两项 CSS3 动画属性,即可将动画绑定到选择器: 规定动画的名称 规定动画的时长 把 "myMove" 动画捆绑到 div 元素,时长:5 秒; 2、调用 阅读全文
posted @ 2017-11-20 22:01 蓝心高飛 阅读(3228) 评论(0) 推荐(0) 编辑
摘要: 1、显示内容 display: block; 用在内联元素中设置时,是把内联元素转换成具有块级元素的属性,可设置宽高 2、内容消失,不会占据文档流空间 display: none; display: block; 让消失的内容在显示,可以把内联转为块级,会独占一行。 3、变成带“块级内联元素” di 阅读全文
posted @ 2017-11-20 21:47 蓝心高飛 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 1、font-weight:normal blod bolder lighter 100-900之间 400=normal 2、color(颜色)的几种表达 表达方式 : #777777 color:red #755 rgb(0,0,0) rgb(0%,0%,0%)占255的百分之几 rgba(0, 阅读全文
posted @ 2017-11-20 21:47 蓝心高飛 阅读(1460) 评论(0) 推荐(0) 编辑
摘要: margin bug问题 : 当做子元素中使用margin-top: 50px;父子元素都会跑出50px, 解决方法: 在父元素中使用下面三种任意一种都可以。 方法一:给父元素加边框 border: 1px solid #0086b3 方法二:溢出隐藏 overflow: hidden; 方法三:加 阅读全文
posted @ 2017-11-20 21:47 蓝心高飛 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 使用position属性,会激活5个属性 left right bottom top z-index(-1至999) 注:z-index:会改变内容的层级关系, 1、绝对定位 position: absolute 影响: 元素会脱离文档流==元素原本占据空间释放 原点计算:最近一个有定位的父元素作为 阅读全文
posted @ 2017-11-20 21:47 蓝心高飛 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 1、对图片进行宽高设置 对图片进行宽高设置时,只设置其中一个就可以,另一个会按照相应比例进行改变大小 2、设置图片,可使文本图片垂直居中 vertical-align: middle; 注:默认图片与文字底部对齐 3、设置图片,可使文本与图片是顶部居中 float: left; 阅读全文
posted @ 2017-11-20 21:46 蓝心高飛 阅读(1471) 评论(0) 推荐(0) 编辑
摘要: 1、overflow 溢出隐藏 overflow:hidden 2、display 隐藏不占据原来的文档,即会让出空间 display:black 显示 display:none 隐藏 3、visibility 隐藏占据原来的文档,不会让出原来所占的空间。 visibility:hidden 隐藏 阅读全文
posted @ 2017-11-20 21:46 蓝心高飛 阅读(819) 评论(0) 推荐(0) 编辑
摘要: 1、四个参数: border-radius: 值1 值2 值3 值4;顺序:从左开始,顺时针顺 2、两个参数: border-radius: 值1 值2; 顺序:上左下右,上右下左 3、半圆的形成 border-radius: 200px 200px 0 0;向上的半圆 高度要减半 注:border 阅读全文
posted @ 2017-11-20 21:46 蓝心高飛 阅读(177) 评论(0) 推荐(0) 编辑