CSS

css入门教程资料(5)

十二.控制BOX的样式样式表规定了一个容器BOX,它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。为了大家更好地理解这些属性的意义,以及互相之间的关系,请看下面这个图示:1.边框空白(MARGIN)如图所示,位于BOX模型的最外层,包括四项属性。格式分别如下:·margin-top:顶部空白距离·margin-right:右边空白距离·margin-bottom:底部空白距离·margin-left:左边空白距离

系统 2019-08-29 23:41:19 804

CSS

使用PHP压缩网站JS/CSS文档的实例

转自:Saturn'sWeblog一些泛WEB2.0网站为了追求用户体验,可能会大量使用CSS和JS文件。这就导致在服务器带宽一定的情况下,多用户并发访问速度变慢。如何加快网页响应速度?解决办法之一就是:依照Yahoo性能优化小组提出的N条性能优化建议对前端程序进行优化和重构,关于此文的讨论很多,在这里不再赘述。这篇文章主要分享一下我个人在实际项目中,对于使用PHP对JS和CSS进行压缩的经验,在这里假设服务器仅支持GZIP压缩,不支持.htaccess(

系统 2019-08-29 23:37:37 798

CSS

Web 开发中 20 个很有用的 CSS 库

在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用。在这篇文件章中我们找到了一系列对开发者有用的CSS库,它们能帮助开发者在一定的期限内取得有创造性和创新性的成果。我们希望这个列表能有助于您的开发并为您提供方便。尽情享受吧!1.KiteKite是一个灵活的布局助

系统 2019-08-29 23:45:52 758

CSS

一个免费css tab制作工具

快速可视化制作列表可以选择不同的风格和颜色,支持超过60种风格和颜色。生成的代码兼容strictxhtml模式。下载地址:http://www.highdots.com/css-tab-designer/一个免费csstab制作工具

系统 2019-08-29 22:20:41 705

CSS

BS开发入门——CSS(层叠样式表)名称含义

CSS(CascadingStyleSheet)层叠样式表,一种和Html联系非常大的标记语言,主要用户控制网页的样式,并能把样式和网页内容分离,因此能大大提高网页开发的效率。初识CSS,感觉这个名字有点难以理解,“样式表”理解起来比较容易,就是定义网页的样式,也可以叫风格,那层叠怎么理解呢?这要从CSS的继承说起,学过面向对象的话,对继承一定不陌生,CSS的继承更简单一些:在Html中各个标签可以看作是一个个容器,例如:

详解CSS的名称

系统 2019-08-29 22:45:55 703

CSS

【经验】在CSS中定义a:link、a:visited、a:hove

摘自:http://www.qianyunlai.com/post-2.html以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确。给出我试的顺序,可能会对大家有一些帮助:代码A:link{color:#000000;TEXT-DECORATION:none}A:visited{COLOR:#000000;TEXT-DECORATION:

系统 2019-08-12 09:26:55 675

CSS

你所不知的 CSS ::before 和 ::after 伪元素用法

CSS有两个说不上常用的伪类:before和:after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了CreativeLinkEffects这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了transform属性进行变形之外,就是接下来要介绍的这两个伪元素了。CreativeButtonStyles一基本语法在了解进阶的应用之前,先来了解一下语法规则。平常仅仅需要将这两个伪元素用于添加一些自定义字符时,

系统 2019-08-29 22:22:39 671

CSS

使用Ajax以及CSS+DIV高仿谷歌搜索(附源码下载)

在使用Google搜索或者是Baidu搜索的时候,在输入搜索关键字的同时,会自动弹出匹配的其他关键字的提示,全心全意为人民服务的精神在这里崭露无遗。这种利用Ajax技术实现输入提示和自动完成的功能是Google率先推出的,然后在其他的Web应用中被广泛的应用。利用Ajax实现部分页面刷新或者自动完成会使得用户体验绝大大提升。技术永远是为用户服务的(无论是性能方面还是美观方面),脱离了用户就没有技术的发展,或者说只有用户才能促进技术的进步。在掌握了Ajax原

系统 2019-08-29 23:18:17 668

CSS

CSS中背景图片定位方法

在CSS中,背景图片的定位方位有3种:1)关键字:background-position:topright;2)像素:background-position:0px0px;3)百分比:background-position:0%0%;上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不同。前两种定位,都是将背景图片左上角的原点,放置在规定的位置。请看下面这张图,规定的位置是“20px10px”和"60px50

系统 2019-08-12 09:30:21 661

CSS

13个最常用的CSS和HTML快速开发工具

1)CleverCSSCleverCSS是个为CSS开发而产生的小型的标记语言,它的设计灵感来自Python,使得能够以一种简洁、结构化的方式构建样式表。在很多方面,它比CSS2更加爱简洁和强大。它与CSS最明显的不同之处在于语法:基于缩进而不是flat,很明显这有违Python指导,但这也不失为构建结构化样式的好点子。2)SassSass令CSS又有趣起来,它对CSS3进行了扩展,增加了嵌套规则、变量、混入、选择器继承等语法,可以使用命令行工具或网络框架

系统 2019-08-29 22:13:31 659

CSS

CSS中纯英文换行,纯数字换行的问题

如下图所示,当一个定义了宽度的DIV或者其他元素中填充的全部为纯英文或者纯数字的时候,在IE和火狐中都会被撑大,而不会自动换行并且当数字或者英文中带有汉字时,会从汉字处换行,而纯汉字却可以自动换行。这个问题如何解决?先来认识一下两位主角word-wrap和word-breakword-wrap用来控制换行两种取值:(1)normal(2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不

系统 2019-08-29 22:23:35 650