css
js_Allen
这个作者很懒,什么都没留下…
展开
-
关于CSS字体的一些经历
之前对字体的样式并不在意,今天突然想改变一下,为我的标题修饰一下,换一种好看的字体。一、使用谷歌字体库(http://www.google.com/fonts) 使用方法很简单,进入网站,找自己想要的字体即可,它会自动生成代码 该方法存在两个障碍: 1、要翻墙 2、只能引进英文的字体库,中文不支持 第一个问题的解决方法是使用360网站卫士代理访问Google免费字体库我试了一下,不过加载不原创 2015-02-22 17:17:32 · 641 阅读 · 0 评论 -
简单的选项卡
效果图: 重点:z-index的使用 html代码:<!DOCTYPE html> <html> <head> <meta lang="zh"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" href="base.css"> <link rel原创 2015-02-15 01:54:44 · 516 阅读 · 0 评论 -
动态向下箭头,实现整屏翻页
一、实现效果 可通过单击图标或向下滚动鼠标进行整屏滚动二、图标的实现过程 1.最开始我使用的方法是使用图片,但想要找到刚好适合的图片比较难 2.之后我使用的是bootstrap里的图标,不过效果也不尽人意<span style="color: rgb(192, 192, 192);font-size: 80px;" class="glyphicon glyphicon-chevron-do原创 2015-03-01 22:29:38 · 24594 阅读 · 0 评论 -
css border那点事
css border那点事代码<!DOCTYPE html> <html> <head> <style> #test0 { width: 0; height: 0; border-left: 50px solid blue; border-right: 50px solid blue; border-bottom: 50px solid red; border-top: 5原创 2016-05-23 23:54:25 · 380 阅读 · 0 评论 -
在图片上实现定位
设计师给了份psd文件,部分图片如下: 其实是实现返回顶部的功能。 刚开始是想将返回顶部 那一块切出来,然后进行定位,但实现的效果不佳,一个是图片变形,一个是位置不精确,最后决定不切出来,直接使用一个div覆盖在返回顶部 那个图标上面,然后给div添加点击事件。主要代码如下: <div class="last"> <img class="my-img"原创 2016-07-08 09:30:34 · 4542 阅读 · 0 评论