| 加入收藏| 设为首页| 联系我们

首页 站长学习 站长之家 源码下载 建站素材 书籍教程 常用工具
 您现在的位置: 动力中国 >> 网页制作 >> CSS教程 >> 文章正文  
 CSS是如何在网页中调用的
 

CSS是如何在网页中调用的

http://www.domcn.org  文章来源:本站原创  点击数:

  关键字:CSS是如何在网页中调用的

 此属性用来指定网页或某一区块的背景图案。画底线的部分可以使用图档的绝对位置或相对位置来表示之。

    使用此标签时,最好同时也指定一个类似的颜色做背景颜色。

    参考范例:

BODY {
background-image: url (/images/2T_logo.gif);
background-color: #ededff
}
LI {
background-image: url http://www.2T.com/2T_logo.gif);
background-color: #cef
}

 


{background: (…)}

    此标签可以集结所有跟 background 有关的扩充属性在此一标签内,所以您可以将所有上述介绍过的 background 属性一起加进来。

    参考范例:

BODY {background: white url (/images/2T_logo.gif) repeat-y}
LI {background: #cc88ff url http://www.2T.com/2T_logo.gif) no-repeat}


CSS 中 Text 的扩充属性
{text-decoration: none}

    此属性用来指定文字是否画有底线或被线条杠掉(如:被线条杠掉此例)。画底线的部分可以用 none, underline, line-through 来替换之。

    此属性的内定值为 none。

    参考范例:

P {
color: navy;
text-decoration: none
}
A:link, A:visited, A:active {
text-decoration: underline
}

 


{text-align: left}

    此属性用来指定文字是向左、向中、或向右对齐。画底线的部分可以用 left, right, center, justify 来替换之。

    参考范例:

P {text-align: left}
H1 {text-align: center}

 

{text-indent: 2cm}
   此属性用来指定文字向右凹进去多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。

    参考范例:

P {text-indent: 3cm}
LI {text-indent: 60px}
BLOCKQUOTE {text-indent: 20%}

 

{line-height: 14pt}

    此属性用来指定每行行距的高度。line-height 常与字体大小 font-size 一起并用,写成 12pt/14pt (12pt 指的是字体的大小,14pt 指的是行距的高度)。line-height也可以用 % 表示之。 % 是以母标签来相对比。

    参考范例:

BODY {
font-size: 12pt;
line-height:14pt
}
H1 {
font-size: 150%;
line-height: 200%
}

H4 {font: 16pt/20pt bold italic}


CSS 中 Margin, Padding 的扩充属性
{margin: 3cm}

    此属性用来指定网页的上下左右边缘,各需留白多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。

margin 可以用 margin-top, margin-bottom, margin-left, margin-right来替换之。

    此属性的内定值为 0。

    参考范例:

BODY {
margin-top: 44px;
margin-bottom: 2cm;
margin-left: 66px;
margin-right: 1.5in
}
P {margin: 15pt}

 

{padding: 14px}

    此属性用来指定各段落或各区块间,上下左右边缘各需留白多少公分、厘米、英寸、点数(point)、图素(pixel)、或多少 % 。测量单位可以用 cm, mm, in, pt, px, %来表示之。 % 是以母标签来相对比。

padding 可以用 padding-top, padding-bottom, padding-left, padding-right来替换之。

    此属性的内定值为 0。IE3 不支援所有与 padding 相关的标签。

    参考范例:

BODY {margin: 15pt}
DL {
padding-top: 22px;
padding-left: 20%;
}

上一页  [1] [2] [3] 


CSS是如何在网页中调用的
  • 上一篇文章:

  • 下一篇文章: 没有了
  •  热门文章
    普通文章 电子邮件改头换面 四公司畅谈未
    普通文章 PC病毒史上最声名狼藉的八大病
    普通文章 Rails系统中的AJAX开发技术简析
    普通文章 基于ASP.NET AJAX框架实现表单
    普通文章 开发ASP.NET AJAX客户端定制行
    普通文章 用JFreeChart对JSP报表进行增强
    普通文章 SQL Server 2005上的CLR和ADO.
    普通文章 SQL Server 2005的XML支持机制
    普通文章 Firefox中标签式浏览技巧大全
    普通文章 Tomcat中的Session和Cookie大揭
     
     推荐文章
    推荐文章 把Google地图嵌入网页 就是这么
    推荐文章 迅雷搜索候选资源出错的解决
    推荐文章 轻松去除迅雷里的各种广告和资
    推荐文章 突破限制 免费领养到QQ空间五级
    推荐文章 Rational统一过程RUP贴近中小软
    推荐文章 构建自己的轻量级XML DOM分析程
    推荐文章 WPS Office 2007技巧:妙用配置
    推荐文章 Excel 2007:求余数函数实用进阶
    推荐文章 浅谈ASP.NET的Postback
    推荐文章 软件开发中项目需求管理简述
     
     相关文章
    x-space独立版(仿facebook)
    Google排名不仅仅是简单的页
    Robots.txt文件的配置
    SEO如何实现内部优化
    eBay掌门人加盟麦凯恩总统竞
    奇虎将即将成立三个独立的公
    PS实例教程:制作绚目的戒子
    PS实例教程:制作好吃的什锦
    PS实例教程:制作朦胧的横条
    PS实例教程:制作精美台历
    设为首页 | 加入收藏 | 广告合作 | 联系站长 | 版权申明 |
    动力中国为网友提供免费学习资料,可用资源,如果您认为我们的相关内容侵害到了您的权利请联系管理员
    Copyright © 2006-2008 domcn.org All Rights Reserved.