tips： css中“>”是: css3特有的选择器，A>B 表示选择A元素的所有子B元素。 与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 .a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝； 一、浮动解决方案 代码： 二、绝对定位 ...
分类：
Web程序 时间：
2019-10-02 14:25:27
阅读次数：
129
1.先说说css的坐标系： x轴的正方向就是水平向右的方向 y轴的正方向就是垂直向下的方向 z轴的正方向就是屏幕到用户的方向 2.位移 translate(x,y):2d位移 translateX(n) 设置x轴方向的位移 translateY(n) 设置y轴方向的位移 translate3d(x, ...
分类：
Web程序 时间：
2019-10-02 01:04:44
阅读次数：
1833
利用@font face规则，可以设置字体图标 优势：字体图标与传统的图标相比，可以随意设置大小，改变颜色。也不用像精灵图那样要计算背景图的位置，十分方便 1.注册字体 font family: 字体名称 src:字体源文件路径 2.应用到元素中 应用到css类名为iconfont的元素中 3.字体 ...
分类：
Web程序 时间：
2019-10-02 01:03:19
阅读次数：
143
<! more 选择器 ? \ ID ? .CLASS ? TAG ? ? SELECTOR1,SELECTOR1... 群组选择器 样式属性 ...
分类：
Web程序 时间：
2019-10-01 20:49:02
阅读次数：
106
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 渐变不是一个css属性，可以把它看成一个函数，通过传入参数（渐变方向和颜色）来返回一个视觉效果 1.线型渐变 linear gradient 基本用法:可以传入颜色值，也可以传入16进制颜色值，还可以是rgba( ...
分类：
Web程序 时间：
2019-10-01 18:00:15
阅读次数：
112
1.background repeat 通常背景图的宽高不可能刚好和容器大小一致，（在no repeat情况下）所以经常多出一些空白区域。为了铺满容器，背景图会以重复的方式继续填充容器，当剩下的空间已经不够一张图片的大小时，如何处理这个剩余的空间就是这个属性的使命 他有个值： repeat （默认） ...
分类：
Web程序 时间：
2019-10-01 10:16:56
阅读次数：
107
1、transition代表css3中的过渡，可以使元素从一种样式逐渐改变为另一种的效果。 2、transition: height 2s;表示需要渐变的是元素高度height,渐变时间是2s。transition还有其他参数如下图： 3、-moz-,-webkit-,-o-这三个是厂商前缀，不同浏 ...
分类：
Web程序 时间：
2019-10-01 10:06:44
阅读次数：
90
过渡 transition 1.过渡的定义和使用 在没有过渡属性的时候，当一个元素的属性值发生变化时，浏览器就会将个这个元素瞬间渲染成新属性值的样式。例如一个定位元素top:0，动态修改成top:100px，这个元素就瞬间跑到100px的位置，有时候我们为了达到某种视觉效果，希望它以动画的形式在一定 ...
分类：
Web程序 时间：
2019-09-30 23:42:59
阅读次数：
160
css部分 .sanjiaoxin{ width: 0; height: 0; border-bottom: 20px solid #000; border-left: 18px solid transparent; border-right: 18px solid transparent; } h ...
分类：
Web程序 时间：
2019-09-30 16:30:38
阅读次数：
93
一、word break + 定义： word break属性规定自动换行的处理方法。 + 语法： + 举例： HTML: CSS: 效果： CSS: 效果： CSS: 效果： 二、word wrap + 定义： word wrap 属性允许长单词或 URL 地址换行到下一行。 + 语法： + 举例 ...
分类：
Web程序 时间：
2019-09-30 14:22:31
阅读次数：
119
