Category: 招数学习

色彩构成参考资料-色调

调子,是对一种色彩结构的整体印象。色彩的调子主要由以下几个因素决定:
  1、明度基调:
  色彩的明暗基调是指一个色彩结构的明暗及其明度对比关系的特征。整体的色彩是暗的,还是亮的;是明度对比强烈的,还是对比柔和的,这种明暗关系的特征,将为这个设计的色彩效果的基础。
  按照孟谢尔色立的明度色阶表(略),将色彩的明度划成十个等级,即存在10种明暗基调。即:
  低长调:暗色调含强明度对比。色彩效果清晰、激烈、不安、有冲击力。

CSS单元格式框的属性

● 1.height 和 width

  简单地说,单元的宽度和高度就是包围其内容的边缘框(bounding box)的大小——也即位于边距、衬距或边界之内的空间大小。这个框,有时也称之为内边缘框(inner bouding box)。内边缘框尽可能地接近单元的内容,因此,单元的高度和宽度可以简单地定义为内边缘框对边的距离。
  CSS中,有时可使用 width 和 height 特性来指定单元的宽度和高度。原则上,这两个特性既可以取具体的长度值,也可以取关键字 auto。关键字 auto 要求浏览器根据实际情况自动调整大小。Width 还可以取百分比值,在这种情况下,width 值应是父单元宽度的百分比值。Width 和 height 的缺省值均为 auto。
  并不是所有的格式类型都可以指定宽度和高度。如,非空的行间格式单元就不能定义宽度或高度。行间格式单元可能占据多行,创建多个不同宽度,也可能是不同高度的格式框。因此,width 和 height 特性同这些单元是不相关的。但要注意,width 和 height 能够用来改变行间 IMG 单元的大小。

CSS单元的位置和层次

我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。
  而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有…还有……你自己慢慢看吧!
  Cascading Style Sheets(CSS)是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning(CSS-P)是 CSS 的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词:CSS 和 CSS-P。下面四个英文网址提供了详细的关于 CSS 和 CSS-P 的文件和解释。

Official CSS-Positioning Working Draft

CSS的背景属性

该部分的主题是控制单元背景的CSS特性。
  这里的背景是指置于样式单元内容之后的颜色和图像。这些特性是BODY单元的 background 和 bgcolor 属性更一半意义上的代替,它们可以指定单元的背景,也可以对背景的位置和平铺状态进行控制。CSS提供了6个与背景有关的特性,它们分别控制背景颜色、背景图像、背景图像定位和平铺格式。

 ● 1.背景颜色 (background-color)

建立CSS文档

样式表的建立要符合CSS规则,它们一般被定义成以下形式的句法:
  HTML标志{标志属性:属性值; 标志属性:属性值; 标志属性:属性值; 标志属性:属性值; …}

  下面我们分别讲述:
  .HTML标志:在上一节我们已简要地介绍了一下, 有点需要注意的是,这些标志不带尖括号,如P,Div、Table等而不是

以及。

CSS的字体样式

在网上应用CSS技术最多的,就是字体样式控制方面。CSS样式表在字体的控制方面远远要比HTML强,而且还可以跨越浏览器的界线。

 ● 1.按照字体名称调用字体 (字体名称的属性是:font-family)

  看了这个标题,有些朋友可能认为,“本身HTML都可以设置字体啦”,对!但如果浏览网页的用户没有你设置的那种字体怎么办呢?还记得我们的中文内码问题吗?GB2312,当我们定义了主页内码为GB2312后,虽然解决了中文字符自动换行的问题,但是页面里所有的英文都只能用宋体字库的英文显示,即使我们定义了页面里的英文用其它英文字体显示,但最后的结果是没有任何作用。该项属性功能可以跨越不同的浏览器(首要条件当然是支持CSS),不同的系统,即使在用GB2312内码的页面中,你都可以定义页面中的英文字体。

滚动条样式设置

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
background-image: url(back_03.gif);

CSS独门技巧大放送

一.使用css缩写
  使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。

  二.明确定义单位,除非值为0
  忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。

用CSS实现字体阴影的效果

虽然对高手来说,有点过时了,但是有时候能用上的。

CSS中有两种阴影效果,一种是DropShadow(投影),另一种是Shadow(阴影).
1、DropShadow
语法:{FILTER:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)}

anti fatigue mats