css3
MakeGreatEffort
这个作者很懒,什么都没留下…
展开
-
calc()函数 css中用100%的宽度/高度,减去50px??
做项目的时候常常用遇到下面这种情况:要让B盒子占满 A盒子剩下的部分也就是黄框区域,这时候我们可以设置 B盒子 高为 100% 或者是100vh减去上面的 A盒子的高度50px。只需设置样式使用calc() 函数,它支持 “+”, “-”, “*”, “/” 运算;注意:运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc...转载 2019-12-23 20:48:15 · 9926 阅读 · 0 评论 -
Position属性四个值:static、fixed、absolute和relative的区别和用法
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下:先看下各个属性值的定义:1、static(静态定位):默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index...转载 2019-03-13 14:57:34 · 249 阅读 · 0 评论 -
CSS3 animation-name 属性
CSS3 动画属性(Animation)属性 描述 CSS @keyframes 规定动画。 3 animation 所有动画属性的简写属性,除了 animation-play-state 属性。 3 animation-name 规定 @keyframes 动画的名称。 3 animation-duration 规定动画完...转载 2019-03-13 11:23:53 · 560 阅读 · 0 评论 -
CSS position 属性
定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值: static 继承性: no 版本: CSS2 JavaScript 语法: object.style.pos...转载 2019-03-13 11:10:07 · 121 阅读 · 0 评论 -
CSS display 属性
定义和用法display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。注释:CSS2 中有值 compact 和 marker,不过由于...转载 2019-03-13 11:00:02 · 77 阅读 · 0 评论 -
CSS中如何使用视窗单位
视窗(Viewport)单位已经有了好几年了,但我们并没有看到它被经常使用。它们现在正在被所有的主流浏览器所支持并提供独特的功能使它在特定情况下非常有用,特别是那些涉及响应式的设计。介绍视窗(Viewport)单位视窗(Viewport)是你的浏览器实际显示内容的区域——换句话说是你的不包括工具栏和按钮的网页浏览器。这些单位是vw,vh,vmin和vmax。它们都代表了浏览器(视窗(Vie...转载 2019-02-25 16:08:32 · 542 阅读 · 0 评论 -
CSS3 @keyframes 规则
使一个div元素逐渐移动200像素:@keyframes mymove{from {top:0px;}to {top:200px;}}@-webkit-keyframes mymove /* Safari and Chrome */{from {top:0px;}to {top:200px;}}原创 2018-07-02 01:14:34 · 370 阅读 · 0 评论