下载首页 | 资讯中心 | 下载分类 | 最近更新 | 排 行 榜 | 国产软件 | 国外软件 | 汉化补丁 |
文章搜索: 分类 关键字 收藏本站设为首页
您的位置:首页网页设计CSS样式 → CSS不完全手册-2
CSS不完全手册-2
日期:2007-6-20 9:33:32 人气:94     [ ]
上一页 [1] [2] [3] [4] 下一页

  利用垂直对齐属性vwrtical-align,可以控制对象(包括文字或图形)相对于母体的垂直位置:

  • h2 {vertical-align:top}
  • h2 {vertical-align:text-top}
  • h2 {vertical-align:bottom}
  • h2 {vertical-align:text-bottom}
  • h2 {vertical-align:baseline}
  • h2 {vertical-align:middle}
  • h2 {vertical-align:sub}/*上标*/
  • h2 {vertical-align:super}/*下标*/

  这些属性具体对齐效果如何,希望大家自已去试验。

 ■ 首行缩进:

  首行缩进text-indent,在文档排版中经常用到:

  • h3 {text-indent:24pt};
  • ■ 容器的概念:

      根据CSS对网页样式的定义,页面上的所有元素都放在一个容器里,这个容器叫BOX。BOX也就包括:

    • 元素本身;
    • 围绕元素的空格;(padding)
    • 围绕元素空格外的边框;(border)
    • 边框外的边距。(margin)
     ■ 四个边距:

      margin用于设定上,右,下,左,边距:

    • body {margin-top:10px;margin-right:20px;margin-bottom:30px;margin-left:40px}
    • body {margin:10px 20px 30px 40px}/*效果与上面方式相同*/

      以上参数值同样可以是其他长度单位(如:pt,em等)或比例。

     ■ 顶,底,左,右空格填充:

      padding用于设置空格填充范围,用法与边距属性相同:

    • h3 {margin-top:10px;margin-right:20px;margin-bottom:30px;margin-
      left:40px};
    • h3 {margin:10px 20px 30px 40px}
     ■ 边框:

      border可设定的属性很多,包括颜色和宽度,关键是可以指定每个边的宽度和每个边的颜色 。

    • 边框宽度border-width可以是thin,medium,thick或长度值:
      • h3 {border-top-width:2px;border-right-width:4px;border-bottom-width:6px;border-left-width:8px};
      • h3 {border-width:2px 4px 6px 8px}/*与上面相同*/

      • p {border-top-width:thin;border-right-width:medium;border-bottom-
        width:thick;border-left-width:none};
      • p {border-width:thin medium thick none}/*与上面相同,左边框将不显示*/

    • 边框颜色border-color定义方法与宽度定义相似,颜色值也可以用RGB值(如#ff00ff):
      • h3 {border-color:red blue yellow green}/*上:红;右:蓝;下:黄;左:绿*/
      • h3 {border-color:red blue }/*上,下:红;右,左:蓝;*/
      • h3 {border-color:#ff00ff }/*所有边框为#ff00ff色*/

出处:本站原创 作者:佚名
 阅读排行
01.精美qq空间横幅代码
02.最酷qq个性女生网名
03.最新又有免费QQ秀啦《..
04.巧用透明FlaSh扮靓你的..
05.花之神匠代码(最新代码..
06.最新QQ空间免费导航
07.最新免费个人形象设置..
08.最新qq空间flash代码m..
09.CSS技术结合图像实现动..
10.Photoshop光影魔术师:..
11.QQ音速种子狂刷
12.最新QQ空间透明代码
13.PS实例教程:教你制作结..
14.Photoshop光影魔术师:..
15.制作背景图__教程
16.用Photoshop制作漂亮的..
17.如何获得QQ音速种子
18.≤QQ空间代码≥在日志..
19.网页浮动广告的制作代..
20.用Photoshop制作大红灯..
21.常用CSS
22.Photoshop给靓丽美女打..
 推荐文章
·Photoshop 表现技法之..
·快速将你的相片矢量化..
·PHOTOSHOP制作炽热的太..
·用Photoshop制作美丽的..
·流行杀手的娃娃工厂__..
·打造8号台球__教程
·PHOTOSHOP制作待机MM图..
·用Photoshop帮MM做纹身..
·PHOTOSHOP美眉着色绝招..
·PHOTOSHOP花露的制作_..
·PHOTOSHOP渐变工具的巧..
·PHOTOSHOP手绘奥兰多-..
·高难度抠图两种方法__..
·Photoshop高尔夫球的制..
·Photoshop打造精美玉佩..
Eqxia_COM下载站 版权所有 Copyright© 2001-2005 Www.eqxia.COM, All Rights Reserved.