Compass用法指南

Sass是一种"CSS预处理器",可以让CSS的开发变得简单和可维护。但是,只有搭配Compass,它才能显出真正的威力。 本文介绍Compass的用法。毫不夸张地说,学会了Compass,你的CSS开发效率会上一个台阶。 本文假设你已经掌握了CSS的主要用...

2014-02-13 16:48:07

阅读数:610

评论数:0

SASS用法指南

学过CSS的人都知道,它不是一种编程语言。 你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。 很自然地,有人就开始为CSS...

2013-10-29 16:38:45

阅读数:507

评论数:0

HTML的footer置于页面最底部的方法

需求:有时候,当页面内容较短,撑不开浏览器高度,但是又希望footer能在窗口最低端。   思路:footer的父层的最小高度是100%,footer设置成相对于父层位置绝对(absolute)置底(bottom:0),父层内要预留footer的高度。   Html代码      ...

2013-08-10 00:38:19

阅读数:12479

评论数:1

前端优化

1       CSS 优化方案 1.1          使用 CSS 优化工具 a)              online CSS Optimizer ; b)              CSS Formatter and Optimizer 。 解决方案 :选取以上一个工具进行进行...

2013-04-01 09:50:33

阅读数:533

评论数:0

向Dreamweaver中添加struts标签库

我使用的是Dreamweaver8 chs版本,刚开始下的struts是struts1.3.8-all版本的。 然后发现struts目录下的lib中没有tld文件,又一个taglib.jar 文件,导入这个也行啊。 可是突然发现DW8不能同时导入多个tld文件。 ...

2013-03-28 10:16:22

阅读数:726

评论数:0

css显示倒置柱状图,认识bottom属性

使用CSS+DIV实现如下倒置的柱状图,主要是使用b标签实现  2012  2012  2012  2012  2012  ...

2013-02-27 21:33:14

阅读数:533

评论数:0

css 文字垂直居中

一、如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如:  代码片段:  div {  height:25px;  line-height:25px;  overflow:hidden;  ...

2013-02-25 12:27:48

阅读数:520

评论数:0

30个非常棒的CSS开发工具和应用

1. Metro UI CSS : A Framework for Windows-8 Like Interface Metro UI CSS is a set of styles for creating such interfaces. It is a self-contained ...

2012-08-25 12:14:23

阅读数:1143

评论数:0

推荐一个无缝背景花纹资源站-AVA7 PATTERNS

随着用户显示器分辨率的逐渐增大,网站的背景设计也越来越重要了,如果你的网站背景还在使用单调的白色作为背景,那你也许忽视了那些使用大分辨率的用户,他们看到的是网站内容和一大片白色。今天暴风彬彬要向大家推荐一个背景花纹资源站——AVA7 PATTERNS 。 这种花纹背景很小,所以不用担心它会影响你...

2012-08-09 10:32:46

阅读数:706

评论数:0

控制页面缩放 css--zoom

由于最初设计页面过于下,在大屏幕下网页显示很小, 找个好久,大部分的做法是将所有css提取出来,重新设置,由js调用 今天第一次看到一个css样式,便是zoom,我试着用了,zoom在IE和chrom下正常,Firefox不支持 Css中zoom属性的介绍 ...

2012-08-09 10:27:56

阅读数:4273

评论数:0

CSS、JS中的相对路径引用

初学者由于对一些比较基本的知识的把握不是很牢,所以在开发或者设计的时候,往往很容易出现一些错误或者异常现象而找不到出错的根源。记得自己刚刚java入门的时候,会出现一些很“离奇”的现象,然后一遍一遍查看自己的代码,一步一步的进行调试(当然那个时候的调试方式也只是从初学这的角度上而言的,大多是比较粗...

2012-07-19 11:08:01

阅读数:1162

评论数:0

html静态页面为什么中文乱码

今天在eclipse中写了一个静态的html页面,字符显示都正常,eclipse设置的事默认UTF-8, 如下图配置: 可是打开之后显示的页面全部是乱码 百思不得其解,明明编码都正常 后来在Html页面中的加上 meta定义的是<meta http-equiv=&qu...

2012-07-14 21:09:29

阅读数:3669

评论数:0

CSS网页布局中div和table超出宽度自动换行

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,在52CSS.com中不乏这方面的文章,现在总结一下CSS如何实现换行的方法,只要在CSS中定义了如下句子,可保网页不会再被撑开了。   对于div,p等块级元素   正常文字的换行(亚洲文字和非亚...

2012-05-19 16:25:36

阅读数:1263

评论数:0

使用map标签选择图片区域

html中map标签可以定位图片中某一区域 定义和用法 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。 实例 带有可点击区域的图像映射: usemap="#planetmap" alt="P...

2012-04-15 15:11:17

阅读数:731

评论数:0

兼容所有浏览器的CSS3圆角

在各个浏览器中实现圆角的较简单快速的方案是结合CSS3和JavaScript。 CurvyCorners是一个为HTML元素创建漂亮的圆角的免费JavaScript库。效果如下: 该脚本的最大优势是可以在Safari/Chrome/Firefox中使用原生的CSS3属性(通过-we...

2012-04-05 10:32:57

阅读数:529

评论数:0

div可编辑contentEditable和designMode

如果要对网页中的一段文本内容进行编辑一般常用的方法是放在一个,但是今天我们要介绍的是不用文本框也可以进行编辑,如标题所示~ 设置div或页面元素为可编辑 设置方式 contenteditable=”true”,直接在标签上设置contentEditable为true,为fal...

2012-03-17 21:31:48

阅读数:1455

评论数:0

前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体

平常我们看到精美的网站时,可能很想了解它们的文字使用了哪些字体。WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体,是前端开发必备的绝佳工具。     使用方式     使用Chrome打开http://chengyinliu.com/whatfont.h...

2012-01-11 12:26:38

阅读数:453

评论数:0

html中的Map,area标签详解

html中的Map,area标签详解 工具   Imagination Image Map Editor 一.定义和用法 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。 二.脚本示例: 他的边框为0(border) ...

2011-12-17 11:01:15

阅读数:1259

评论数:0

全系列的css hack 标志识别

出处      http://hi.baidu.com/anlaflasher/blog/item/15e7b0ca530e4b9ac81768bf.html     #test        {            width:300px;            h...

2011-12-09 10:09:25

阅读数:468

评论数:0

CSS未知高度垂直居中

出处   http://www.cnblogs.com/rubylouvre/archive/2010/07/08/1774025.html。 expand source? html lang="en">    head>...

2011-12-09 10:04:17

阅读数:529

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭