Tag: CSS预览模式: 普通 | 列表

XHTML语言默认的CSS样式

html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,center,
dir,hr,menu,pre { display:block}

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4944

CSS3新特性一览

  CSS3到底给我们带来了哪些新特性呢?简单的说,CSS3把很多以前需要使用图片和脚本来实现的效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程,还能加快页面载入速度。

1.选择器

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3944

  WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为 (Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如 ECMA(European Computer Manufacturers Association)的ECMAScript标准。

  1.结构标准语言

  (1)XML

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2662

css sprite的使用及其优缺点

 

原理

  我们知道,自CSS革命以降,HTML倾向于语义化,在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的, 少不了各种漂亮的图来装点。新时代的生产方式是,在HTML布满各种各样的钩子(hook),然后交由CSS来处理。在需要用到图片的时候,现阶段是通过 CSS属性background-image组合background-repeat, background-position等来实现(题外话:为何我提现阶段,因为未来浏览器若支持content则又新增另外的实现方法)。我们的主角是,你一定猜到了,就是background-position。通过调整background-position的数值,背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变,由于图片位置的改变,你看到只该看到的而已。就好比手表上的日期,你今天看到是21,明天看到是22,是因为它的position往上跳了一格。所以你也大概了解到,CSS Sprites一般只能使用到固定大小的盒子(box)里,这样才能够遮挡住不应该看到的部分。

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2816

css在IE6中的bug集合

1.3px偏移BUG

 问题描述:浮动元素与非浮动元素相邻(包括横向和纵向的相邻),会产生3px偏移;

此文甚佳,查看全文 »

Tags: CSS bug

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3308

IE6 IE7 FifeFox下CSS的hack写法

区别IE6/IE7/FifeFox的CSS hack写法:

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3285

Internet Explorer CSS Bugs

  在老外的 http://haslayout.net/css/ 网站上,系统的总结了IE的一些Bugs。目前这个网站上包含了 46 个“普通的Bug” , 5个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有58个指南和70个解决方法。

  这个列表目前更新到:2009年8月19日,周三 ,15时38分47秒。最新发表的教程:该网站包含44 IE6 bugs, 28 IE7 bugs 和19 IE8 bugs。下面是所有的bug列表,你可以点击每个BUG名的链接查看更详细的说明和解决方法。

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3290

CSS 英文命名规范

CSS是Cascading Style Sheets(层叠样式表)的简称,一种标记语言,它不需要编译,可以直接由浏览器执行。

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3312

link和@import的区别

  页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:

XML/HTML代码
  1. <link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />  
XML/HTML代码
  1. <style type="text/css" media="screen">  
  2. @import url("CSS文件");  
  3. </style>  

此文甚佳,查看全文 »

Tags: CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2709

博客皮肤CSS架构

Pjblog资源汇聚

  PJblog是国内比较不错的一款免费个人博客程序。由于它开源,有众多爱好者提供技术支持,开发了丰富的功能插件和皮肤,使用起来非常容易上手。PJblog的作者舜子是腾讯QZONE开发组成员之一,PJblog就是以他的英文名字PuterJam缩写命名.....

此文甚佳,查看全文 »

Tags: PJ CSS

分类:前端技术※网站开发 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6883