式样单的例子

八戒你猪啊

八戒你猪啊

2016-01-29 12:41

式样单的例子,式样单的例子
=====================================

你好!朋友,欢迎光临Java2000的教学区。
Hello,everybody,welcome in java2000 !
==========================================

产生以上效果的HTML源代码是这样的:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

<html
<head 
<style type="text/css"
<!--
h2 { font-family: "宋体"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
--
</style
</head
<body
<h2你好!朋友,欢迎光临Java2000的教学区。</h2
<h1Hello,everybody,welcome in java2000 !</h1
</body
</html 

下面做一些简单的说明:
(1)在黄色的CSS语法规则中这样定义了文字的风格,标签<h2...</h2间的字符为“宋体”,“大小12pt”,字符是“倾斜”的,颜色“#ff0033”,字符背景色“#ffcccc”。同理,标签<h1...</h1之间的文字字体“arial”,大小“12pt”,颜色“#66ff66”。

(2)上面的CSS格式里,h1和h2称为“选择对象”,font-size以及color等称为“属性”,属性后面的称为“参数”。

(3)通过css可以控制任何HTML标签的风格。例如<td,<p,<body,<table,<tr,<th等。只要在HTML的<head区内的<style type="text/css"和</style之间指定对应标签的风格(字体,颜色,字体大小)即可,使用“宋体的9磅字体”可非常的好看啊,许多站用的都是9pt的字体。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)

(4)如果你需要定义的一些标签的风格相同,可以这样做,将他们写在一起,这样又可以减少代码了:

H1, P, TD{ font-family: arial ; font-size: 12pt}

上面的代码表示:所有位于<H1、<P和<TD标签内的字符将用Arial字体,12pt显示。

(5)通过CSS设置的风格对于javascripts输出的结果也是有效的。你可以看看javascripts脚本区的一些显示日期和当前时间脚本的例子,为了有效地控制输出的字符大小,我都使用了CSS。

(6)注意:有的比较老的浏览器并不支持式样单语法,会将<style type="text/css"...</style间的文本显示出来,若要避免这种情况的发生,最好加入<!-- 和 --。这一点与javascripts相同。

(7)在<style type="text/css" 中的 TYPE="text/css" 的作用是设定采用何种MIME类型,浏览器在执行到这里就知道了,这样以来,不支持CSS的浏览器可以忽略样式表。

展开更多 50%)
分享

猜你喜欢

式样单的例子

Html CSS布局 Div+CSS XHTML
式样单的例子

改变元件的视窗式样

编程语言 网络编程
改变元件的视窗式样

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

如何实现Office式样的扁平组合框

C语言教程 C语言函数
如何实现Office式样的扁平组合框

xajax的FORM例子

Web开发
xajax的FORM例子

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

VC如何实现Office式样的扁平组合框

编程语言 网络编程
VC如何实现Office式样的扁平组合框

AspectSharp例子分析

电脑网络
AspectSharp例子分析

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《魔力宝贝》战力提升分析

《魔力宝贝》战力提升分析

用VC进行COM编程所必须掌握的理论知识

用VC进行COM编程所必须掌握的理论知识
下拉加载更多内容 ↓