文章列表
 
您正在查看 "前台页面" 分类下的文章

2009-12-30 10:44

最近看到了些关于css命名方面的文章,对于这方面我也有自己的看法。
我接触css有很长一段时间了,对于css的命名我也是在逐步改进。
感觉工作中比较常碰见的问题:
1.需要给层定义各种尺寸的宽度,高度基本是不用定义的
2.层的padding和层之间的margin
3.给文字高亮颜色
4.各种样式的tab和button
5.不同的背景色
6.各种样式的border
7.左浮动,右浮动
8.粗体,斜体

9.居左,居中,居右,垂直居顶,居中,居底对齐

1.需要给

 
2009-12-23 16:18

很多时间,我们需要在网页上插入一些没有底色,只有轮廓的图片,而常用的底色透明的图片的有GIF和PNG,如果用GIF的话,底色透明后,轮廓边缘会变得 很粗糙,只有用PNG,但是PNG插入到网页后,底色却不能变透明,怎么办呢?使用以下JS和CSS代码就可以解决这个问题:

JS代码

function displayPng()
{
for(var i=0; i<document.images.length; i++)
{
var

 
2009-09-15 11:05
GBK与UTF-8的区别

GBK的文字编码是双字节来表示的,即不论中、英文字符均使用双字节来表示,只不过为区分中文,将其最高位都定成1。

至于UTF-8编码则是用以解决国际上字符的一种多字节编码,它对英文使用8位(即一个字节),中文使用24位(三个字节)来编码。对于英文字符较多的论坛则用UTF-8节省空间。

GBK包含全部中文字符;
UTF-8则包含全世界所有国家需要用到的字符。

GBK是在国家标准GB2312基础上扩容后兼容GB2312的标准(好像还不是国家标准)
UTF-8编码的文字可以在各国各
 
2009-09-14 16:04

知道CSS Reset是什么吗?通常情况下,它也被写成Reset CSS,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。

正在使用CSS的你,用过CSS Reset吗?当然,或许你用了,却不知道正在用,比如你可能用到:

* { padding: 0; margin: 0; border: 0; }

 
2009-09-14 15:51

1. 基本的xhtml标记

css3.7.png

在开始这个教程之前,让我们来做点xHtml标记,我们需要的几个DIV来完成效果的显示,如下:

  • #round, 这个显示CSS 3圆角
  • #indie, 单个角的显示
  • #opacity, 不透明度
  • #shadow, 不用制图工具制作投影
  • #resize, 可调节大小

因此,我会的xHtml会像下面这样,你可以自己建

 
2009-09-01 9:10

摘要:网站建设的过程中,除了策划、后台程序功能设计,还包括前台的页面设计,在页面设计中除了结构的设计等等,还有一项很重要的工作就是网站页面色彩的搭配。色彩的运用是否得到,也将是一个网站成本的关键因素之一。建站800网建议客户,在网站建设的过程中,除了关注网站的结构和功能以外,也要多关注以下网站页面颜色的搭配。


  首先我们先来了解一些色彩的基本知识:
1.颜色是因为光的折射而产生的。
2.

 
2009-08-13 17:49

页面中圆角的实现是个很头疼的问题,虽然现在有很多种实现方法,但是都是比较麻烦的。在本文中,让我们看看如何使用CSS3 border-radius来实现圆角DIV。

跨浏览器兼容性

并不是所有的浏览器支持CSS3,但是那些比较好的浏览器选择兼容,而不是直接支持。我们有两个能使用的前缀。

前缀:

-moz(例如 -moz-border-radius)用于Firefox
-webkit(例如:-webkit-border-radius)用于Safari和Chrome。

CSS3圆角(所有的)

不使用图片来实现圆角曾经是很流行的能力,创建那些完美的小圆

 
2009-07-21 15:05

1:解释

link:连接平常的状态   
   active:连接被按下的时候   
   visited:连接被访问过之后   
   hover:鼠标放到连接上的时候
详细的: 
:hover版本:CSS1/CSS2     兼容性:IE4+    NS4+   
   语法:   

 
2009-06-24 23:55

1.DOCTYPE 影响 CSS 处理

2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式,值得注意的是,一定要将xxxx !important 这句放置在另一句之上

6.div 的垂

 
2009-06-24 23:41

在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题.   

区别不同浏览器的CSS hack写法:

区别IE6与FF:
        background:orange;*background:blue;

区别IE6与IE7:
        background:green !important;background:blue;

区别IE7与FF:
        back

 
 
   
 
 
文章分类
 
   
 
文章存档
 
     
 
最新文章评论
  

雷囧....
 

好棒~嘻嘻
 

转贴分享了!
 

[表情]
 

很不错!!
   
帮助中心 | 空间客服 | 投诉中心 | 空间协议
©2012 Baidu