相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用。。。 其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的...
分类:
Web程序 时间:
2015-03-02 13:06:12
阅读次数:
303
前端时间做项目发现一抖动按钮挺吸引眼球的,研究了下实现原理,在此和大家分享下:CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利用它我们可以实现多种不同样式的抖动效果(如下面的GIF图像)。这是一个很微小的动画,但使用得当也是挺不错的,比如用在广告、图像、按钮上,这样可以用来吸...
分类:
Web程序 时间:
2015-03-02 12:59:56
阅读次数:
682
如图所示,Tag标签的制作通常使用背景图片,现在用CSS3代码就能实现尖角效果(需浏览器支持CSS3属性).运用CSS3样式实现尖角标签,只需要写简单的HTML结构和CSS样式. Tag1 Tag2 Tag3 Tag4css主要利用伪元素来实现尖角a{ dispaly:...
分类:
Web程序 时间:
2015-03-02 12:44:39
阅读次数:
242
黑链也能够叫隐藏链、顾名思义,就是网页中没有显示的链接,而搜索引擎能够看到的链接,黑链长处在于短时间内能够迅速提高排名。黑链属于外部链接的一种,能够为该链接地址指向的站点添加PR值,通俗来说就是站点权重。这也是为什么有些SEOer喜欢买黑链的原因了。以下我们就谈一谈挂黑链的几种方法。第一种 CSS....
分类:
其他好文 时间:
2015-03-02 12:41:00
阅读次数:
126
产品鼠标经过加边框效果.productsCol:hover{box-shadow:0 0 0 3px#333333inset;transition:all 0.2s ease 0s;}----------------------------------------------------------...
分类:
Web程序 时间:
2015-03-02 10:54:57
阅读次数:
146
网页三部份内容:HTML CSS Javascript 路径:一般做网页的时候用的相对路径。 images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg images/1000/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找...
分类:
Web程序 时间:
2015-03-02 09:27:22
阅读次数:
179
一、界面设计: 二、数据模型设计 id 每个发言都有一个独立的id由tastypie自动生成 content 发言的内容 username 发言者 date 发言时间 三、前端制作 这里没有用到Backbone的Router,因为这里不需要记录hash记录 1.Div+CSS制作静态页面,这里ite...
分类:
Web程序 时间:
2015-03-02 01:01:09
阅读次数:
206
写html,css的同学应该需要清楚什么是文档流。文档流:将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮动。内联元素也不会独有一行. 一切元素(包括块级,内联和列表元素)均...
分类:
Web程序 时间:
2015-03-01 23:48:51
阅读次数:
182
所有的框模型一开始都是按文档中正常的元素流定位,而定位position属性允许我们改变这些自然的位置。通过利用一些简单的Css规则,position使得设计者可以将HTML元素精确放置,position属性确定了每个元素框(box)定位的参考点。在详细介绍之前,我们先简要的说明一下定位的4种方法:1...
分类:
Web程序 时间:
2015-03-01 23:35:49
阅读次数:
3087