标签: css

5 篇文章

float元素设置高度
方案一 在浮动元素下面加一个清除浮动的元素:div{clear:both} html <div class="clearfix"> <div style="float: left;">Div 1</div> <div style="float: left;">Div 2</div> <…
flex 布局
flex 布局 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 基本概念 flex布局元素分为:容器(flex container) 与 项目(flex item) 容器属性 flex-direction flex-wrap flex-flow justify-content align-item…
css 画图形
css画图形 1.css画实心三角形 原理: 先画一个最简单正方形 高、宽都为10px 然后为他加上边框也为10px 这个时候你就会发现,他变成了一个梯形 假如需要画一个向下的实心尖头,那么就先将梯形的右,下,左边框隐藏。然后就得到一个等腰梯形 这个等腰梯形的宽和高还是为10px,如果想要变成尖的三角形,那么就是直接去掉高和宽 具体实现看如下的 c…
css常用技巧 | css水平居中元素 | css垂直居中元素| 浮动模块父元素高度为0
css常用技巧 之前写css的时候,总会有一些疑惑,所以需要总结一下,并归纳整理。 css水平居中一个元素 如果需要居中的元素为常规流中inline元素,为父元素设置text-align: center;即可实现 如果需要居中的元素为常规流中block元素,1)为元素设置宽度,2)设置左右margin为auto。3)IE6下需在父元素上设置text…
css3学习小结1
CSS属性,并列出是否支持CSS动画: https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_animated_properties 自己做一个小结~ [css] .ball { animation-name: ballmove; animation-duration: 2s; animation…