- 博客(7)
- 收藏
- 关注
原创 SASS--安装、用法、编译
一、什么是sass? 我们用css都知道,css并不是一门编程语言,于是有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。 二、sass的安装 2.1 安装ruby sass是用ruby语言写的,所以使用的时候我们需要有ruby的环境
2015-08-19 16:34:48 581
原创 网站变灰
如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。 以下是代码片段: *{ filter:progid:DXImageTransform.Microsoft.BasicImage(g
2015-08-12 14:17:21 555
原创 登录表单
登录表单 body{ background-color: #eeeeee; } .form{ width: 400px; height: 220px; box-shadow: 1px 1px 3px #ccc; margi
2015-08-10 17:16:38 507
原创 导航条水平居中--未知宽度ul水平居中
导航条水平居中 nav{ text-align: center; } nav ul{ display: inline-block; } nav ul li{ float:left; } nav ul li+
2015-08-10 17:09:57 788
原创 原生JS焦点轮播图实现
这是根据网上的教程写的,教程讲的调理很清晰,所以我想把它一步步写下来,算作是一篇笔记吧。脑子笨就要多看多写。 html结构和css样式 焦点轮播图 *{ margin: 0; padding: 0; text-decoration: none;} body { padding: 20px;} #contain
2015-08-08 09:57:16 2345
转载 深入理解Javascript: 立即调用的函数表达式
前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行。 在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为“自执行”,但作者后面说了很多,来说服大家称呼为“立即调用的函数表
2015-08-01 08:48:27 417
转载 纯CSS实现未知高宽的图片在容器中水平和垂直居中
方法一: 简单的XHTML页面 .box { display: table-cell; vertical-align:middle; width:200px; height:200px; text-align:center; /* hack for ie */ *display: block; *font-size: 175px; /* end */ border: 5px sol
2015-07-27 09:45:52 677
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人