fareise的博客

1、图片轮播：官网上的代码已经给的很清楚了，但是经常会出现问题。要做的很简单，首先引入jquery和bootstrap文件，再将官网上的html代码加上，最后加上一行js代码$('.carousel').carsousel();用于启动图片轮播，就可以了。要注意的问题：（1）js文件引入顺序：一定要先引入jquery.js文件再引入bootstrap.js文件，因为后者依赖前者，引用反

Flexbox通常能让我们更好的操作他的子元素布局。1、开始使用flexbox布局的方法，代码如下：footer{display:flex;}2、接下来为footer添加flex-flow属性：flex-flow:row wrap;  row表示按行显示，wrap设置当父元素过小时是否换行。注意flex-flow是flex-direction和flex-wrap两个

关于CSS定位，有人很多时候都是随便用用，符合自己的要求就行。但是CSS中的position等属性确实有很多需要认真考究的地方。1.position:staticstatic属性是position的默认值，也就是说，当一个元素没有为其设定position属性时，它的默认值就是static。2.position:absolute这是一个经常会被用到的position属性值。如果为某个

在网上看到一种利用linear-gradient属性制作绚丽边框效果的方法。首先给出代码，大家可以在自己的电脑中查看效果： .box { margin: 80px 30px; width: 200px; height: 200px; positio

一、半透明的边框实现       加入我们有这样一个需求：在一个背景图片的区域中，定义一个带有半透明白色边框的白色div。这个的实现方法最先想到的就是可以为边框定义透明度，代码如下：div{background:white;border:20px solidhsla(0,0%,100%,.5);}这里hsla为一种定义颜色的方法，它的各个参数含义如下：H：Hue(色调)。0(

一、横向条纹如下代码：background: linear-gradient(#fb3 20%, #58a 80%)上面代码表示整个图片的上部分20%和下部分20%是对应的纯色，只有中间的部分是渐变色。如果让中间的部分逐渐缩小，当中间部分变为0即上下两种颜色的七点和终点相同是，就没有了渐变而变成了两种颜色的色条:background: linear-gradient(#fb3 50

1.如何让文字在容器内垂直居中？(1)方法：为容器添加line-height属性，使得line-height的值等于容器的height。(2)代码无标题文档 .container{ width: 300px; height: 500px; margin: 50px; background: blue; line-height: 500px; text

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; -webkit-text-stroke: #000000}p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; -webkit-text-stroke: #000000; min-height: 13