- 浏览: 26475 次
- 性别:
- 来自: 北京
最近访客 更多访客>>
文章分类
- 全部博客 (30)
- 学习资源 (1)
- 初当程序员 (13)
- xml (3)
- jquery (0)
- javascript (9)
- jsp (0)
- java (1)
- spring (0)
- hibernate (0)
- struts1 (0)
- 设计模式 (0)
- effective java (0)
- java编程思想 (0)
- 日语 (0)
- 英语 (0)
- jsf (1)
- struts2 (0)
- oracle (0)
- shell (0)
- c++ (0)
- c (0)
- proC (0)
- linux (0)
- 存储过程 (0)
- 狮子座女程序员的生活 (0)
- ajax (1)
- uml (0)
- 阅读技术书籍 (1)
- 我为技术狂 (0)
用以下三种方式将样式表加入网页:
最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。
链入外部样式表文件 (Linking to a Style Sheet)先建立外部样式表文件(.css),然后使用HTML的link对象。
<head>
<title>title of article</title>
<link rel=stylesheet href="http://www.dhtmlet.com/rainer.css" type="text/css">
</head>
<title>title of article</title>
<link rel=stylesheet href="http://www.dhtmlet.com/rainer.css" type="text/css">
</head>
而在XML中应该如下例所示在声明区中加入:
<? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/rainer.css"
?>
定义内部样式块对象
(Embedding a Style Block)可以在HTML文档的<HTML>和<BODY>标记之间插入<STYLE>...</STYLE>块对象。这里将style对象的type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。
<html>
<style type="text/css">
<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}
-->
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>
<body>
<body>
内联定义 (Inline Styles)
在对象的标记内使用对象的style属性定义适用其的样式表属性。
<p style="margin-left: 0.5in;
margin-right:0.5in">这一行被增加了左右的外补丁<p>
样式表语法 (CSS Syntax)
Selector { property: value }
参数说明:
Selector -- 选择符
property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开
Selector -- 选择符
property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开
继承的值 (The ' Inherit ' Value)
每个属性都有一个指定的值:Inherit。
它的意思是:将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。
发表评论
-
前端工程师技术
2009-11-02 10:42 864对于Web前端产品开发 ... -
Ext学习
2009-11-02 10:36 812什么是EXT 1、ExtJS可 ... -
java学习网
2009-10-22 13:04 845http://scjp.home.sohu.com/ 模拟试题 ... -
UML类图关系大全
2009-10-22 12:02 30881、关联 双向关联: C1-C ... -
El表达式语言的基础总结
2009-10-20 23:23 743EL语言是JSTL输出(输入)一个JAVA表达式的表示形式。 ... -
cvs经验谈
2009-10-19 23:50 7011 、在Eclipse 同CVS 服务器同步之前,要先刷 ... -
Eclipse插件介绍与下载
2009-10-19 23:23 5881.Eclipse下载 EMF,GEF - Graphi ... -
MyEclipse 快捷键大全
2009-10-19 23:08 534MyEclipse 快捷键大全 (1)Ctrl+M切换窗口的 ... -
javadoc使用注释
2009-10-19 20:33 997Javadoc是什么? javadoc是Sun公司提供的一个 ... -
Apache Commons工具集简介
2009-10-19 20:30 599Apache Commons包含了很多 ... -
Javaserver Faces 简介
2009-10-19 20:01 608什么是 JSF? JavaServer Fa ... -
JPA简介
2009-10-19 19:49 862Java Persistence API JPA通过J ...
相关推荐
CSS学习笔记CSS学习笔记CSS学习笔记CSS学习笔记
HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...
html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...
学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习...
html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...
作为html 和css 学习笔记 和 复习大纲
个人css学习笔记 精华版 个人css学习笔记 精华版
Html\CSS+DIV学习笔记(史上最实用的CSS笔记).
css经典学习笔记
html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...
前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css 前端的学习笔记HTML+css前端的学习笔记HTML+css前端的学习笔记HTML+css...
CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...
CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS ...
css的笔记学习html&css的笔记学习html&css的笔记 学习html&css的笔记学习html&css的笔记学习html&css的笔记 学习html&css的笔记学习html&css的笔记学习html&css的笔记 学习html&...
html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与...
CSS和CSS3学习笔记,知识全面,知识分类清晰,内涵学习3D的链接博客
学习HTML与CSS的相关笔记代码学习HTML与CSS的相关笔记代码 学习HTML与CSS的相关笔记代码学习HTML与CSS的相关笔记代码 学习HTML与CSS的相关笔记代码学习HTML与CSS的相关笔记代码 学习HTML与CSS的相关笔记代码学习HTML...
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
css网页布局学习笔记css网页布局学习笔记css网页布局学习笔记css网页布局学习笔记css网页布局学习笔记css网页布局学习笔记
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...