摘要: transition过渡 transform旋转 animation动画 一般是父div包含两个子div,一个写鼠标悬浮之前,一个写鼠标悬浮之后, 鼠标悬浮之后的div要写overflow:hidden指定如果内容溢出元素的框会被修剪 父div定位为relative,子div定位为absolute 阅读全文
posted @ 2018-09-21 16:30 芬芸 阅读(999) 评论(0) 推荐(0) 编辑
摘要: position absolute相对于父元素移动,不在父元素范围内时,可能和其他元素重叠 relative相对于初始位置来进行移动 fixed相对于浏览器进行定位,无论滑轮如何滚动,始终出现在浏览器的同一个位置 sticky粘性定位,该定位基于用户滚动的位置。页面滚动超出目标区域之前,表现和 po 阅读全文
posted @ 2018-09-21 15:04 芬芸 阅读(235) 评论(0) 推荐(0) 编辑
摘要: html,body{ margin:0; padding:0; background-color: lavenderblush; } a{ color:darkgray; } li{ list-style: circle; } /*页首*/ #header{ /*background: -webkit-linear-gradient(rgba(0,... 阅读全文
posted @ 2018-09-21 14:10 芬芸 阅读(222) 评论(0) 推荐(0) 编辑
摘要: display:block,inline,inline-block区别 display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <for 阅读全文
posted @ 2018-09-21 10:50 芬芸 阅读(546) 评论(0) 推荐(0) 编辑
摘要: float 做了float后有一些不好的影响。 1、背景不能显示 由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或CSS背景图片,而父级不能被撑开,所以导致CSS背景不能显示。 2、边框不能撑开 如上图中,如果父级设置了CSS边框属性(css border),由于子 阅读全文
posted @ 2018-09-21 10:47 芬芸 阅读(285) 评论(0) 推荐(0) 编辑
摘要: overflow可设置超出后隐藏 子元素撑开父级元素:①父级元素宽度不固定,②父级元素设置为inline-block或者添加float; html中的中文在浏览器打开为乱码(已经写了<meta http-equiv="Content-Type" content="text/html" charset 阅读全文
posted @ 2018-09-18 22:00 芬芸 阅读(213) 评论(0) 推荐(0) 编辑