![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html/css
文章平均质量分 50
jazwoo
这个作者很懒,什么都没留下…
展开
-
推荐一个无缝背景花纹资源站-AVA7 PATTERNS
随着用户显示器分辨率的逐渐增大,网站的背景设计也越来越重要了,如果你的网站背景还在使用单调的白色作为背景,那你也许忽视了那些使用大分辨率的用户,他们看到的是网站内容和一大片白色。今天暴风彬彬要向大家推荐一个背景花纹资源站——AVA7 PATTERNS 。这种花纹背景很小,所以不用担心它会影响你的网站载入速度,花纹背景几乎都是进行无缝接合的,也就是说网站的背景是通过N多个相同的小图片重复构成的,转载 2012-08-09 10:32:46 · 162630 阅读 · 0 评论 -
控制页面缩放 css--zoom
由于最初设计页面过于下,在大屏幕下网页显示很小,找个好久,大部分的做法是将所有css提取出来,重新设置,由js调用今天第一次看到一个css样式,便是zoom,我试着用了,zoom在IE和chrom下正常,Firefox不支持Css中zoom属性的介绍CSS中的Zoom属性,一般不为人知,甚至有些CSS手册中都查询不到。其实Zoom属性是IE浏原创 2012-08-09 10:27:56 · 9379 阅读 · 1 评论 -
30个非常棒的CSS开发工具和应用
1. Metro UI CSS : A Framework for Windows-8 Like InterfaceMetro UI CSS is a set of styles for creating such interfaces. It is a self-contained solution but can also be used side-by-side with any原创 2012-08-25 12:14:23 · 1546 阅读 · 0 评论 -
css 文字垂直居中
一、如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如: 代码片段: div { height:25px; line-height:25px; overflow:hidden; } 这段代码很简单,后面使用overflow:hidden的设置是为了防止内容超出容器或者产原创 2013-02-25 12:27:48 · 798 阅读 · 0 评论 -
css显示倒置柱状图,认识bottom属性
使用CSS+DIV实现如下倒置的柱状图,主要是使用b标签实现 2012 2012 2012 2012 2012 2012 2012 #right原创 2013-02-27 21:33:14 · 846 阅读 · 0 评论 -
前端优化
1 CSS 优化方案1.1 使用 CSS 优化工具a) online CSS Optimizer ;b) CSS Formatter and Optimizer 。解决方案 :选取以上一个工具进行进行优化。 1.2 清理 CSS在我们写样式的时候,页面的 CSS 在经历几转载 2013-04-01 09:50:33 · 670 阅读 · 1 评论 -
向Dreamweaver中添加struts标签库
我使用的是Dreamweaver8 chs版本,刚开始下的struts是struts1.3.8-all版本的。然后发现struts目录下的lib中没有tld文件,又一个taglib.jar 文件,导入这个也行啊。可是突然发现DW8不能同时导入多个tld文件。没办法下了一个struts1.2.4-all这个版本,他的lib中有5个tld文件。所以分别导原创 2013-03-28 10:16:22 · 885 阅读 · 0 评论 -
HTML的footer置于页面最底部的方法
需求:有时候,当页面内容较短,撑不开浏览器高度,但是又希望footer能在窗口最低端。 思路:footer的父层的最小高度是100%,footer设置成相对于父层位置绝对(absolute)置底(bottom:0),父层内要预留footer的高度。 Html代码 div id="wapper"> div i原创 2013-08-10 00:38:19 · 21597 阅读 · 1 评论 -
SASS用法指南
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专转载 2013-10-29 16:38:45 · 576 阅读 · 0 评论 -
CSS、JS中的相对路径引用
初学者由于对一些比较基本的知识的把握不是很牢,所以在开发或者设计的时候,往往很容易出现一些错误或者异常现象而找不到出错的根源。记得自己刚刚java入门的时候,会出现一些很“离奇”的现象,然后一遍一遍查看自己的代码,一步一步的进行调试(当然那个时候的调试方式也只是从初学这的角度上而言的,大多是比较粗略的手段),还是发现不了哪里出了问题,这直接打击学习的积极性。甚至有时候,照着书本或者教学视频敲的实例转载 2012-07-19 11:08:01 · 1274 阅读 · 0 评论 -
html静态页面为什么中文乱码
今天在eclipse中写了一个静态的html页面,字符显示都正常,eclipse设置的事默认UTF-8,如下图配置:可是打开之后显示的页面全部是乱码百思不得其解,明明编码都正常后来在Html页面中的加上 meta定义的是<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />就正常原创 2012-07-14 21:09:29 · 5496 阅读 · 0 评论 -
CSS网页布局中div和table超出宽度自动换行
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,在52CSS.com中不乏这方面的文章,现在总结一下CSS如何实现换行的方法,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行转载 2012-05-19 16:25:36 · 2402 阅读 · 0 评论 -
CSS控制的内容超过容器宽度后显示省略号
请您特别注意,text-overflow:ellipsis属性在FF中是没有效果的。同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果 text-overflow是一个比较特殊的属性,在CSS手册中,这个属性是这样定义的: 语法: text-转载 2011-10-23 08:20:28 · 1177 阅读 · 0 评论 -
css关于div下ul、li 留白错位问题
今天才发现这个问题,div下有ul是会有错位,ul隔离div一定距离。代码如下:.img_change_item{width:200px;height:100px;}.img_change_list{list-style:none;float:left;}#img_change_container{width:1000px;}#img_cha原创 2011-11-09 16:07:27 · 3585 阅读 · 0 评论 -
全系列的css hack 标志识别
出处 http://hi.baidu.com/anlaflasher/blog/item/15e7b0ca530e4b9ac81768bf.html #test { width:300px; height:300px; background-col转载 2011-12-09 10:09:25 · 599 阅读 · 0 评论 -
html中的Map,area标签详解
html中的Map,area标签详解工具 Imagination Image Map Editor一.定义和用法定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。二.脚本示例:他的边框为0(border) usemap(指定该图像被用作图像地图) "#mymap"(所使用的图像热点映射名称)-->img转载 2011-12-17 11:01:15 · 2072 阅读 · 0 评论 -
CSS未知高度垂直居中
出处 http://www.cnblogs.com/rubylouvre/archive/2010/07/08/1774025.html。 expand source?htmllang="en"> head> metacharset="utf-8"/> metacontent="IE=8"ht转载 2011-12-09 10:04:17 · 639 阅读 · 0 评论 -
前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体
平常我们看到精美的网站时,可能很想了解它们的文字使用了哪些字体。WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体,是前端开发必备的绝佳工具。 使用方式 使用Chrome打开http://chengyinliu.com/whatfont.html,将页面上“WhatFont”按钮拖拽到Chrome上方的收藏栏。 收藏栏上会出现转载 2012-01-11 12:26:38 · 608 阅读 · 0 评论 -
div可编辑contentEditable和designMode
如果要对网页中的一段文本内容进行编辑一般常用的方法是放在一个,但是今天我们要介绍的是不用文本框也可以进行编辑,如标题所示~设置div或页面元素为可编辑设置方式contenteditable=”true”,直接在标签上设置contentEditable为true,为false时则恢复到正常状态1p contenteditable="转载 2012-03-17 21:31:48 · 2126 阅读 · 0 评论 -
兼容所有浏览器的CSS3圆角
在各个浏览器中实现圆角的较简单快速的方案是结合CSS3和JavaScript。CurvyCorners是一个为HTML元素创建漂亮的圆角的免费JavaScript库。效果如下:该脚本的最大优势是可以在Safari/Chrome/Firefox中使用原生的CSS3属性(通过-webkit-border-radius和-moz-border-radius私有属性分别支持)而在IE和转载 2012-04-05 10:32:57 · 634 阅读 · 0 评论 -
使用map标签选择图片区域
html中map标签可以定位图片中某一区域定义和用法定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。实例带有可点击区域的图像映射:usemap="#planetmap" alt="Planets" /> 使用 Imagination Image Map Editor,可以生原创 2012-04-15 15:11:17 · 1181 阅读 · 0 评论 -
Compass用法指南
Sass是一种"CSS预处理器",可以让CSS的开发变得简单和可维护。但是,只有搭配Compass,它才能显出真正的威力。本文介绍Compass的用法。毫不夸张地说,学会了Compass,你的CSS开发效率会上一个台阶。本文假设你已经掌握了CSS的主要用法,如果你还懂Sass,那就更好了。但是不懂Sass,一样可以阅读本文。一、Compass是什么?简单说,转载 2014-02-13 16:48:07 · 811 阅读 · 0 评论