HTML Tag里的style实例
style 是HTML里面一个很常用的属性，几乎可以用在所有的HTML Tag里，特别是用在<DIV>, <SPAN>tag。
style 样式Tag 标签 <span></span>区域 <title>文档的标题</title> title=""url(网址)
HTML的class 属性(或id属性)，这是标准的方法样式类1 2 3 ， 实际上CSS的代码都是由一些最基本的语句构成的。
基本语句：选择符{属性：属性值} 可以是HTML中任何的标识符，比如P、DIV、IMG甚至BODY都可以作为选择符。
再使用<style>来指定样式，<style>下面的CSS语句是以注释语句<!-- … -->的形式书写的。
在<HEAD>中CSS 定义： <style TYPE ＝"text/css"><!--基本语句 --></style> 基本语句：选择符{属性名：属性值}
<style type ＝"text/css"><!--div{width：200;fil
在<BODY>中CSS 定义： <p style="属性-属性名:属性值;属性-属性名:属性值">文字</p>
<p style=“font-size：48;font-style：bold;color：red;”>hongen</p>
不同处：
1、这里Style是内嵌到<P>中来定义该段落内的格式的，它是用< STYLE = >直接定义的。双引号代替花括号。
2、在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以"-"隔开，比如，背景颜色属性background-color； 而在脚本中，对象属性则连写成backgroundColor，第二个单词首字母大写，如有三个单词则第三个单词首字母也要大写。注意，在Javas
3、在CSS中，<P>、<Div>以及<Table>带尖括号；在脚本中，P,Div、Table等不带尖括号。
基本语句：属性-属性:属性值 属性值
多级属性单词之间以"-"隔开，比如，背景颜色属性background-color。属性与属性值之间用冒号。
同一属性的不同下级属性值用半个空格隔开。
三种用法：
内插式：<p 样式>内容</p> ： <p style="基本语句;…;基本语句">内容</p>
每对属性、属性值对之间用分号隔开。
头部式：<head>样式</head>： <style type="text/css"><!--取名{基本语句;…;基本语句}--></style>
<body>内容</body>： <p >内容</p>
外连式：用记事本创建一个*.css文件，在网页的与之间加上一句这样的代码： 就行了。
style 语法构成：选择符、属性和值
选择符通常是你希望定义的HTML 元素或标签，属性是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，不同属性及值之间用分号，所有定义的HTML元素用双引号。即：
style="选择符-属性:值;选择符-属性:值;…;选择符-属性:值"
图像格式： <DIV title="" style="BACKGROUND-IMAGE: url(图片地址); WIDTH: 宽px; HEIGHT: 高px"></DIV>
其中， <DIV></DIV>可换成<p></p>或<span></span>，但<span></span>不适用于网易博客；
title="" style 设计 BACKGROUND 背景 IMAGE 图像 url(网址)
实例： <P style="BACKGROUND-IMAGE: url( http://img.blog.163.com/photo/fHRjmYLaONHqOG1-AyiHNA==/857372779061006053.jpg); WIDTH: 450px; HEIGHT: 350px"></P>
效果：
滤镜格式： <P style="FIL
BACKGROUND-IMAGE: url(图片地址); WIDTH: 宽px; HEIGHT: 高px"></P>
其中:：Fil
Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明；
Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形；
Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100；
StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。
从上面讲的我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。
实例： <P style="FIL
效果：
修饰表格：
<TABLE title="" style="WIDTH: 500px; HEIGHT: 200px" cellPadding=15 align=center border=1>
<TBODY>
<TR>
<TD align=right>第一行，第一列</TD>
<TD vAlign=top align=right>第一行，第二列</TD>
<TD>第一行，第三列</TD></TR>
<TR>
<TD>第二行，第一列</TD>
<TD vAlign=bottom align=left>第二行，第二列</TD>
<TD>第二行，第三列</TD></TR></TBODY></TABLE>
效果：
| 第一行，第一列 | 第一行，第二列 | 第一行，第三列 |
| 第二行，第一列 | 第二行，第二列 | 第二行，第三列 |
修饰播放器：
效果：
评论