CSS全称Cascading Style Sheet。层叠式样式表。从三年前就开始用CSS了,但一直以来都看了它。CSS的出现其实是一ơ革命,它试囑ְ|站的内容与表现分开? 2.外链式: 3.导入?/p> 3.属性式Q? #fontRed 注明两点 CSS 标签属?属性参? CSS 标签属?属?/p> 行ؓ属?behavior 字体和文本属?direction* direction 颜色和背景属?background-attachment 版面属?border 分类属?display list-style 定位属?bottom* clip 打印属?page** pageBreakAfter 滤镜属?filter 伪类和其它属?:active @charset 我们知道Dreamweaver在表格制作方面做得非常出Ԍ但是在某些时候还是必ȝ合css才能辑ֈ一些特定效果,下面我们先把有关表格Ҏ的css语法整理出来Q然后另外介l怎样用css化表格的边框?/p> 有关表格Ҏ的css语法 具体内容包括Q上Ҏ宽度、右Ҏ宽度、下Ҏ宽度、左Ҏ宽度、边框宽度、边框颜艌Ӏ边框样式、上Ҏ、下Ҏ、左Ҏ、右Ҏ、边框、宽度、高度、有x{?/p> 1.上边框宽?/p> 语法: border-top-width: <?gt; 允许? thin | medium | thick | <长度> 初始? medium 适用? 所有对?/p> 向下兼容: ?/p> 上边框宽度属性用于指定一个元素上Ҏ的宽度。值可以是三个关键字其中的一个,都不受字体大或长度的媄响,可以用于实现成比例的宽度。不允许使用负倹{也可以用在上边框、边框的宽度或边框的属性略写?/p> 2.双框宽?/p> 语法: border-right-width: <?gt; 允许? thin | medium | thick | <长度> 初始? medium 适用? 所有对?/p> 向下兼容: ?/p> 双框宽度属性用于指定元素的双框的宽度。值可以是三个关键字其中的一个,都不受字体大或长度的媄响,可以用于实现成比例的宽度。不允许使用负倹{也可以用在双框、边框的宽度或边框的属性略写?/p> 3.下边框宽?/p> 语法: border-bottom-width: <?gt; 允许? thin | medium | thick | <长度> 初始? medium 适用? 所有对?/p> 向下兼容: ?/p> 下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个,都不受字体大或长度的媄响,可以用于实现成比例的宽度。不允许使用负倹{也可以用在下边框、边框的宽度或边框的属性略写?/p> 4.左边框宽?/p> 语法: border-left-width: <?gt; 允许? thin | medium | thick | <长度> 初始? medium 适用? 所有对?/p> 向下兼容: ?/p> 左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个,都不受字体大或长度的媄响,可以用于实现成比例的宽度。不允许使用负倹{也可以用在左边框、边框的宽度或边框的属性略写?/p> 5.Ҏ宽度 语法: border-width: <?gt; 允许? [ thin | medium | thick | <长度> ]{1,4} 初始? 未定?/p> 适用? 所有对?/p> 向下兼容: ?/p> Ҏ宽度属性用一到四个值来讄元素的边界,值是一个关键字或长度。不允许使用负值长度。如果四个值都l出了,它们分别应用于上、右、下和左Ҏ的式栗如果给Z个|它将被运用到各边上。如果两个或三个值给ZQ省略了的g对边相等?q个属性是上边框宽度、右Ҏ宽度、下Ҏ宽度和左Ҏ宽度属性的略写。也可以使用略写的边框属性?/p> 6.Ҏ颜色 语法: border-color: <?gt; 允许? <颜色>{1,4} 初始? 颜色属性的?/p> 适用? 所有对?/p> 向下兼容: ?/p> Ҏ颜色属性设|一个元素的Ҏ颜色。可以用一到四个关键字。如果四个值都l出了,它们分别应用于上、右、下和左Ҏ的式栗如果给Z个|它将被运用到各边上。如果两个或三个值给ZQ省略了的g对边相等。也可以使用略写的边框属性?/p> 7.Ҏ样式 语法: border-style: <?gt; 允许? [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4} 初始? none 适用? 所有对?/p> 向下兼容: ?/p> Ҏ样式属性用于设|一个元素边框的样式。这个属性必ȝ于指定可见的Ҏ。可以用一到四个关键字。如果四个值都l出了,它们分别应用于上、右、下和左Ҏ的式栗如果给Z个|它将被运用到各边上。如果两个或三个值给ZQ省略了的g对边相等。也可以使用略写的边框属性?/p> noneQ无样式Q? 语法: border-top: <?gt; 允许? <上边框宽?gt; || <Ҏ式样> || <颜色> 初始? 未定?/p> 适用? 所有对?/p> 向下兼容: ?/p> 上边框属性是一个用于设|一个元素上Ҏ的宽度、式样和颜色的略写。注意只能给Z个边框式栗也可以使用略写的边框属性?/p> 9.双?/p> 语法: border-right: <?gt; 允许? <双框宽?gt; || <Ҏ式样> || <颜色> 初始? 未定?/p> 适用? 所有对?/p> 向下兼容: ?/p> 双框属性是一个用于设|一个元素右Ҏ的宽度、式栗和颜色的略写。注意只能给Z个边框式栗也可以使用略写的边框属性。 10.下边?/p> 语法: border-bottom: <?gt; 允许? <下边框宽?gt; || <Ҏ式样> || <颜色> 初始? 未定?/p> 适用? 所有对?/p> 向下兼容: ?/p> 下边框属性是一个用于设|一个元素的下边框的宽度、式样和颜色的略写。注意只能给Z个边框式栗也可以使用略写的边框属性?/p> 11.左边?/p> 语法: border-left: <?gt; 允许? <左边框宽?gt; || <Ҏ式样> || <颜色> 初始? 未定?/p> 适用? 所有对?/p> 向下兼容: ?/p> 左边框属性是一个用于设|一个元素左Ҏ的宽度、式样和颜色的略写。注意只能给Z个边框式栗也可以使用略写的边框属性?/p> 12.Ҏ 语法: border: <?gt; 允许? <Ҏ宽度> || <Ҏ式样> || <颜色> 初始? 未定?/p> 适用? 所有对?/p> 向下兼容: ?/p> Ҏ属性是一个用于设|一个元素边框的宽度、式样和颜色的略写?/p> Ҏ声明的例子包括: H2 { border: groove 3em } Ҏ属性只能设|四U边框;只能l出一l边框的宽度和式栗ؓ了给Z个元素的四种Ҏ的不同的||页制作者必ȝ一个或更多的属性,如:上边框、右Ҏ、下Ҏ、左Ҏ、边框颜艌Ӏ边框宽度、边框式栗上Ҏ宽度、右Ҏ宽度、下Ҏ宽度或左Ҏ宽度? 13.宽度 语法: width: <?gt; 允许? <长度> | <癑ֈ?gt; | auto 初始? auto 适用? 块和替换元?/p> 向下兼容: ?/p> 宽度属性的初始gؓ“auto”,即ؓ该元素的原有宽度(有就是元素自q宽度)。百分比参考上U元素的宽度。不允许使用负的长度倹{?/p> 14.高度 语法: height: <?gt; 允许? <长度> | auto 初始? auto 适用? 块和替换元?/p> 向下兼容: ?/p> 高度属性的初始gؓ“auto”,即ؓ该元素的原有高度(有就是元素自q高度Q?。百分比参考上U元素的宽度。不允许使用负的长度倹{?/p> 15.有关标签 tableQ表格标{,Ҏ个表格样式的定义要放在table中; css滤镜 随着|页设计技术的发展Qh们已l不满于原有的一些HTML标记Q而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成Z现实。从现在开始我要ؓ大家介绍一个新的CSS扩展部分QCSS滤镜属性(Filter Properties)。用这U技术可以把可视化的滤镜和{换效果添加到一个标准的HTML元素上,例如囄、文本容器、以及其他一些对象。对于o镜和渐变效果Q前者是基础Q因为后者就是o镜效果的不断变化和演C更ѝ当滤镜和渐变效果结合到一个基本的SCRIPT程序中后,|页设计者就可以拥有一个徏立动态交互文档的强大工具。也是CSS FILTER+ SCRIPTQ?q就说明惌建立动态的文档q要一些SCRIPT Q脚本语aQ的基础? 备注Q可惜只有IE4.0以上支持Q如果是别的览器,那就....... 元素 说明
IE4.0以上支持的o镜属性表 滤镜效果 描述 1、Alpha 滤镜 语法Q{FILTERQALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx, "Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这U“与背景混合”通俗地说是一个元素的透明度。通过指定坐标Q可以指定点、线、面的透明度。他们的参数含义分别如下Q? 效果如下Q?/p> 2、Blur 滤镜 语法Q对于HTMLQ{ilter:blur(add=add,direction=direction,strength=strength)} 3、FlipH, FlipV 滤镜 语法Q{filter:filph} ,{filter:filpv} 分别是水q_转和垂直反{Q具体如下: 4、Chroma 滤镜 语法Q{filter:chroma(color=color)} 滴水檐坊 5、DropShadow 滤镜 语法Q{filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)} “DropShaow"思义是d对象的阴影效果。其工作原理是徏立一个偏U量Q加上较深?Color"代表投射阴媄的颜Ԍ"offx"?offy"分别是X方向和Y方向阴媄的饿偏移量?Positive"参数是一个布|如果为“TRUEQ非0Q”,那么׃ؓM的非透明像素建立可见的投影。如果ؓ“FASLEQ?Q”,那么׃ؓ透明的像素部分徏立透明效果 6、Glow 滤镜 语法Q{filter:glow(color=color,strength)} 7、Gray ,Invert,Xray 滤镜 语法Q{filter:gray} ,{filter:invert},{filter:xray} Gray滤镜是把一张图片变成灰度图QInvert滤镜是把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度|Xray滤镜是让对象反映出它的轮廓ƈ把这些轮廓加亮,也就是所谓的“X”光片?/p> 效果如下Q?/p> 、Light 滤镜 语法QFilter{light} q个属性模拟光源的投射效果。一旦ؓ对象定义了“LIGHT"滤镜属性,那么可以调用它的“方?Method)"来设|或者改变属性。“LIGHT"可用的方法有Q?/p> AddAmbient 加入包围的光? 9、Mask 滤镜 语法Q{filter:mask(color=color)} 使用"MASK"属性可以ؓ对象建立一个覆盖于表面的膜Q其效果p戴者有色眼镜看物体一栗?/p> 10、Shadow 滤镜 语法Q{filter:shadow(color=color,direction=direction)} 利用“Shadow”属性可以在指定的方向徏立物体的投媄QCOLOR是投pQDIRECTION是设|投q方向。其?度代表垂直向上,然后?5度ؓ一个单位。它的默认值是向左?70度?/p> filter:shadow(color=red,direction=225) 11、Wave 滤镜 语法Q{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)} “FREQ”是波纹的频率,也就是指定在对象上一共需要生多个完整的LU, “LIGHTSTRENGTH”参数可以对于LU增强光q效果Q范?----100Q?/p> “PHASE”参数用来设|正弦L的偏U量?/p> “STRENGTH”代表振q大?/p> |
在读我自q认识之前
,
我们先来看一?/span>
servet
的结构图
:
以下是我自己的一Ҏ见:
① Servlet 在初始化的时?/span> , 是通过 init(ServletConfig config) ?/span> init() 来执行的?/span>
ServletConfig 是一个接口,它怎样传递给他一格对象来q行初始化呢Q其实,是这个对象是?/span> servlet 容器来实例化的,由容器生一?/span> ServletConfig 的实现类的对象,然后传递给 Servlet
l论Q?/span> ServletConfig 由容器实例化
② 我们有些时候可能在 Servlet 初始化时l它一些固定的配置参数Q那么这些参数是怎样传递到 Servlet 呢?
其实Q我们在 web.xml 中给 servlet 配置启动参数Q在容器?/span> servlet q行初始化的时候,会收集你所配置的参敎ͼ记录?/span> ServletConfig 的实现类中,所以你才可以通过 ServletConfig 对象?/span>
public String getInitParameter(String name); ?/span>
public Enumeration getInitParameterNames();
Ҏ来取得你已经配置好的参数Q也是_你对 servlet 的配|都已经记录?/span> ServletConfig 对象中了?/span>
l论Q你?/span> Servlet 的配|,?/span> Servlet 的初始化旉由容器来攉q且记录?/span> ServletConfig 的实现类中?/span>
③ 我们来看一?/span> Servlet 的配|?/span>
<servlet>
<servlet-name>index</servlet-name>
<servlet-class>org.zy.pro.sw.servlet.IndexServlet</servlet-class>
<init-param>
<param-name>dbconfig</param-name>
<param-value>/WEB-INF/dbconfig.xml</param-value>
</init-param>
</servlet>
在此Q我们实现对数据库的配置文g的加载?/span>
?/span> Servlet 初始化完成后Q我们可以通过
String dbconf=this.getServletConfig().getInitParameter("dbconfig")
来取得我们的配置的参数的倹{?/span>
但是Q我们仅能得C个配|的字符丌Ӏ之后我们可以通过配置文g取得我们的数据库的配|参敎ͼ然后Ҏ据库q行初始化?/span>
其实我们也可以通过传递一个类的名字串Q然后再实例化?/span>
<init-param>
<param-name>dbconfig</param-name>
<param-value>org.zy.util.db.DBUtil</param-value>
</init-param>
我们先取得配|参敎ͼ
String dbconf=this.getServletConfig().getInitParameter("dbconfig") Q?/span>
然后通过
Class.forName(dbconf).getInstance();
来实例化对象Q就可以实现Ҏ据库的调用了?/span>
l论Q在 web.xml 中对 Servlet 的初始化Q只能传递字W串cd的数?/span>
④ ServletContext
ServletContext 是负责和 Servlet 的上文和下文交互Q上面和 Servlet 容器交互Q下面和 Servlet 中的h和相应进行交互?/span>
?/span> ServletConfig 中,
public ServletContext getServletContext(); Ҏ实现取得当前 ServletContext 的对象?/span>
你可能要问, ServletContext 是一个接口,那么你如何取得他的对象呢Q?/span>
其实q个问题?/span> ServletConfig 相同Q都是在 Servlet q行初始化的时候生的对象Q是由容器来初始化的?/span>