会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
.NET 博客
.NET学习
博客园
首页
新随笔
联系
订阅
管理
CSS笔记(1)
什么是样式表:
CSS是Cascading Style Sheet的缩写。译作“层叠样式表单”。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
将样式表加入您的网页中的三种方式
(
可以使用三中方式将样式表加入您的网页,而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义
)。例外参阅 !important 声明。
!improtant声明
!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
李通通
阅读(
220
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部