标签：CSS

第51页

CSS实现照片卡片瀑布流布局（两列）

1.问题：今天遇到了需要实现一个卡片的瀑布流布局的问题，卡片高度是不同的。最后使用css3中的column属性实现了这个布局，而且非常的简便啊(lz隐约记得上次写瀑布流的时候是用js实现的…naive啊)实现效果大概如下图～2.实现方法 /...

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

记得要先生成一个div盒子才会有效果 <style>body {background-color: #ccc;}div {position: relative;width: 150px;height: 300px;backgro...

定位方式postion：absolute（相对于父元素）、fixed（相对于浏览器窗口）、relative（相对于其正常位置定位）、static、inherit margin重叠：在规范文档中，2个或以上的块级盒模型相邻的垂直margin会...

使用flex完成垂直居中操纵css flex实现垂直居中。flex或许不是完成垂直居中最好的选择，由于IE8,9其实不赞成它。那时，为了用flex实现垂直居中，我们起首要竖立一个包裹着图片的div元素，日后给它定义一些根基属性。HTML代码...

CSS代码： *{margin: 0;padding: 0;}#box{width: 200px;height: 200px;position: relative;left: 200px;top: 200px;transition: 5s ...

css字体属性css fonts(字体) 属性用于定义字体系列,大小,粗细,样式(如斜体)1.字体系列css用font-family属性来定义文本的字体系列. <html><head><!--！+tab键生成基...

基础选择器包括：标签选择器、类选择器、id 选择器和通配符选择器一、标签选择器标签选择器，又叫元素选择器，是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。语法：标签选择器{属性：属性值...

字间距letter-spacing:（px【可以设置负值，当设置成负值时，字间距会比正常间距小】；normal表示正常的字间距）行高行高：可控制行与行之间的间距，但不是行间距，指的即一行的高度。line-height:(px;合理的行高：n...

直接上代码： <div class=\"triangle\"></div> .triangle {width: 0px;height: 0px;border: 40px solid transparent;borde...