CSS笔记(1)

什么是样式表：CSS是Cascading Style Sheet的缩写。译作“层叠样式表单”。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

将样式表加入您的网页中的三种方式（可以使用三中方式将样式表加入您的网页，而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义）。例外参阅 !important 声明。

!important　版本：CSS1　 兼容性：IE4+

语法：
{ sRule!important } 
取值：
sRules  : 样式表定义 

说明：
提升指定样式规则的应用优先权。 
示例：
div { color:red!important } 
应用于：
IE4.0+ 

1。链入外部样式文件（Linking to a style Sheet）您可以先建立外部样式表，然后使用HTML的Link对象。示例：
<head>
<title>网页标题</title>
<link rel="stylesheet" href="../css.css" type="text/css">
</head>
在XML中使用如下方法导入：
<? xml-stylesheet type="text/css" href="../css.css" ?>

2。定义内部样式块对象你可以在HTML文档的<HTML>和<BODY>标记之间插入一个<style>....</style>块对象。遵循如下语法：
Selector {property: value}
参数说明：
Selector -- 选择符
property : value --样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开

继承的值：(The Inherit Value)
每个属性都有一个指定的值：Inherit。它的意思是：将父对象的值等同于计算机值。这个值通常仅仅是备用的。显示的声明它可以用来强调。
示例如下：
<html>
<head>
<title>文章标题</head>
<style type="text/css">
<!--
body {font:10pt "Arial"}
h1 {font:15pt/17pt "Arial";font-weight:bold;color:maroon}
h2 {font:13pt/15pt "Arial";font-weight:bold;color:blue}
p {font:10pt/12pt "Arial";color:black}
-->
</style>
</head>
</body>
特别注意：这里将style对象的type属性设置为"text/css"，是训喻不支持该类型的浏览器忽略样式表单。

3。内联定义(Inline Styles)内联定义即是在对象的标记内使用对象的style属性定义适合其的样式表属性。示例如下：
<p style="margin-left:0.5in;margin-right:0.5in"这一行被增加了左右的外补丁<p>
Posted on 2006-11-14 08:26  李通通  阅读(223)  评论(0)  编辑  收藏  举报