CSS是“Cascading Style Sheets(层叠样式表单)”的简称,中文译为:“串联式排版样式”`,也叫“串联样式表”。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化。

它的作用是用于定义文字属性,文本属性等网页中的基本信息,是网页中的字体大小颜色等等一系列基本信息不随着浏览器及系统显示的分辨率等因素的变化而变化,使得网页具有一定的“固定”性。它是统一HTML标准的“W3C”的工业合作组织于1996年5月制定的第一个排版样本标准,是对HTML功能的一种补充。CSS并不是一种编程语言,简而言之,CSS只是一种用于页面设计的,有设计者提供的手段。CSS的主要功能是通过对HTML标记进行设定,来达到对网页中的字体格式颜色背景图象和其它图文效果的控制功能,使网页能按设计者的意图来显示,从设计者的角度来看,它们几乎可以任意复杂的。

这里介绍的一些CSS的基本用法与参数选择。

CSS具有以下特点:

通过修改页面调用的样式单,即可修改整个页面的样式。

使网页设计者能够控制以往无法控制的字体效果,如:下划线、字体风格等。

我们常见的鼠标指向时变色的链接,就是通过指定链接的不同行为的CSS来实现的。

执行速度快,不会对浏览者的系统造成任何影响。

 

一、css样式表的声明方式
  1、分项声明
 
   组件名{样式性质:值;}
    p{font-size:24px;}

    2、集体声明:可声明多个组件中的多个样式类型
   
    p,H1,Table{font-size:36px;font-fanily:"隶书";color:"#cccccc";}

    3、直接写入标签中
 
    <td style="font-size:24px">

    4、样式表文件声明方式
    导入样式表的方式为:<link href="css文件路径" rel="stylesheet" type="text/css"}

二、css的类型
  1、类:可用于任何标签。类名前要加 .  符号。

    使用:<p class=类名称>     

    2、标签

    3、id:定义时要在样式前加 # 符号。
 
    使用: <p id=样式名称>

三、css的类型属性
  1、字体属性

   font-fanily  字体类型
      font-size     字体大小       
      font-style  字体风格
      line-height  行高 
      font-weight  字体粗细 
      font-variant  英文大小写转换
      text-transform 控制字母大小写
      color 
      text-decoration  字体修饰
     
     2、背景属性
  
   background-imge 背景图像
   background-attachment 背景图像是否随页面滚动
   background-repeat 背景图像平铺样式
   background-position 背景图像水平和垂直位置
  
     3、区块属性

   word-spacing    单词间距
      letter-spacing 字母间距
      vertical-align 垂直对齐
      text-align   文本对齐
      text-indent   文字对齐
      white-space   空格
    
     4、方框属性
   
     5、边框属性
     P{border:边框宽度 边框样式 颜色;}

     6、列表属性
   
      list-style-plsitim  位置
    list-style-image    项目符号图像
      list-style-type     类型

   7、定位属性

   8、扩展属性:分页效果 光标样式 过滤器

posted on 2008-12-11 09:25  fmxyw  阅读(278)  评论(0编辑  收藏  举报