学习网站
一只小小肥羊
这个作者很懒,什么都没留下…
展开
-
Jquery+css实现图片无缝滚动轮播
最终实现界面如下:页面加载时,自动轮播,轮播鼠标悬停在整个banner容器的时候,两边会显示向左,向右按钮,鼠标悬停在中下方索引圆圈的上面,自动跳转到相应的图片。 banner容器里面包含了图片列表img,索引圆圈 num,还有按钮两个btn <div class="banner"> <ul class="img"> ...转载 2018-08-30 10:54:11 · 187 阅读 · 0 评论 -
CSS中的transform与transition
transform:转换对元素进行移动、缩放、转动、拉长或拉伸。方法:translate():元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数有两个div,它们的css样式如下: 1 2 3 4 5 6 7 8 9 10 11 12 13...转载 2018-08-30 10:15:06 · 741 阅读 · 0 评论 -
img、input到底是行内还是块级元素?
一、img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。 行内非替换元素,例如, height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和margin left、right改变宽度。 二、在文档类型定义(DTD)中对不同的...转载 2018-08-30 08:51:03 · 5125 阅读 · 0 评论 -
css之display:inline-block布局
1.解释一下display的几个常用的属性值,inline , block, inline-blockinline: 使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,width的值,大小由内容撑开. 可以使用padding,margin的left和right产生边距效果,但是top和bottom就不行. bl...转载 2018-08-25 11:19:27 · 101 阅读 · 0 评论 -
用python实现排列组合功能
1.组合#! /usr/bin/env python# -*- coding=utf-8 -*-import itertools list1 = 'abc'list2 = [] for i in range(1,len(list1)+1): iter = itertools.combinations(list1,i) list2.append(l...转载 2018-08-20 10:12:43 · 512 阅读 · 0 评论 -
探索 CSS3 中的 box-shadow 属性
box-shadow属性是一个CSS3属性,允许我们在几乎任何元素上来创建阴影效果,类似于在设计软件中的”drop shadow”。这些阴影效果允许我们在原本平面的、二维的页面上面创建出深度(第三维)的错觉。语法box-shadow属性接收一个由5个部分组成的值JavaScript 1 2 box-shadow: offset-x offs...转载 2018-08-22 17:56:33 · 149 阅读 · 0 评论 -
margin为负值产生的影响和常见布局应用
一、margin为负值产生的影响对于自身的影响当元素不存在width属性或者(width:auto)的时候,负margin会增加元素的宽度,看下下面的例子&lt;div class=”container”&gt; &lt;div class=”box1”&gt; I dont ...转载 2018-08-14 16:21:44 · 1850 阅读 · 0 评论