css表单模板(表单怎么做)

admin 489 0

各位老铁们,大家好,今天由我来为大家分享css表单模板,以及表单怎么做的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!

一、什么是CSS模板

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一

点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是

Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工

具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有

几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信

提问的问题整理出来,供诸位参考。

1、CSS在网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法?

当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页

中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。

2、CSS的三种用法在一个网页中要以混用吗?

三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处

理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行

了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方

3、在Dreamweaver3中如何使外部文件式CSS?

在Dreamweaver3中使用外连文件式CSS并没有特殊要求,同样是用记事本创建一个*.css文件,在网页的<head>与

</head>之间加上一句这样的代码:<link rel="stylesheet" href="在这里填上你的CSS文件地址(相对路径+文件

名)" type="text/css">就行了。

4、如何用Dreamweaver3快速创建CSS外连式文件?

对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于

Dreamweaver3对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:

1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定

义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;

2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在<head>与</head>之间的那段定义好的CSS复制

到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?

5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗?

不用!先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:style="",再把你刚才定义的CSS从<head>

后面拖到这个双引号中来,把花括号以外的部分删去就行了。

6、在方档头部方式和外连文件方式的CSS中都有“<!--”和“-->”,好象没什么用,不要可以吗?

这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS,它将忽略其中的内

容。虽然现在使用不支持CSS浏览器的人已很少了,由于互联网上几乎什么可能都会发生,所以还是留着为妙。

给文字加上不同颜色,在DW3中只要在属性面板上选取文字的颜色就行了,非常方便,但要给部分文字加不同的背景色

却没有相应的功能,我们可以先做一个定义背景色的CSS(如:bgstyle),在DW3中点几下鼠就完成了。如一个定义淡黄色

在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。

与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的:

.imgbgstyle{ background-image: url(/logo.gif)}

在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。

9、如何使页面的背景在文字“滚动”时背景图案静止不动?

要使背景图案不随文字“滚动”的CSS是这样的:

BODY{ background: purple url(/bg.jpg);

在DW3中CSS的属性定义对话框(style Definition for.style1)的“Block”上的“letter spaceing”属性定义的就

是字间距,它指的是每一个字符之间的额外间距,经长度为单位,正负值均可,当取负值时产生字符挤在一起的效果。下

面代码是一个定义好的字间距CSS例子:

11、如何给文字加上划线、下划线、删除线和闪烁?

在DW3中CSS的属性定义对话框(style Definition for.style1)的“Type”上的“decoration”属性定义的就是这些

内容,要注意的是闪烁属性有些版本的浏览器不支持,少用为好。下面是一个定义好上述效果的CSS例子:

.style1{ text-decoration: underline overline line-through blink}

其中:“underline”是定义下划线;“overline”是定义上划线;“ line-through”定义的是删除线;“blink”

12、如何使网页具有“首行缩进”功能?

由于DW3输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition

for.style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也

就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉

在DW3要注意:在DW3中CSS的属性定义对话框(style Definition for.style1)的“Block”上的“text-indent”右

面的缩进单位选择框中“ems”指的就是“em”。

13、在用表格进行排版时,能使某一方向上的内容离开表格线一点吗?

可以!在DW3中CSS的属性定义对话框(style Definition for.style1)的“Box”上的“margin”定义的就是内容离

开边缘的距离,分别可定义四个方向:“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例

.style1{ margin: 0px 0px 0px 10px}

用CSS可以给某部分内容加边框,在DW3中CSS的属性定义对话框(style Definition for.style1)的“Border”定义

的就是边框线,“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色,这些定义好后不要忘记在下面的

“style”中定义线型,否则将看不边框线,因为默认的线型是“none”。下面是一个定义了上边框为:蓝色细线;左边框

.style1{ border: solid; border-width: thin 0px 0px medium; border-color:#0000FF black black#00FF00}

二、css样式表名字有什么规则

1、头:header内容:content/container尾:footer导航:nav侧栏:sidebar

2、栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center

3、登录条:loginbar标志:logo广告:banner页面主体:main热点:hot

4、新闻:news下载:download子导航:subnav菜单:menu

5、子菜单:submenu搜索:search友情链接:friendlink页脚:footer

6、版权:copyright滚动:scroll内容:content标签页:tab

7、文章列表:list提示信息:msg小技巧:tips栏目标题:title

8、加入:joinus指南:guild服务:service注册:regsiter

9、状态:status投票:vote合作伙伴:partner

10、容器: container页头:header内容:content/container

11、页面主体:main页尾:footer导航:nav

12、侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper

13、导航:nav主导航:mainbav子导航:subnav

14、顶导航:topnav边导航:sidebar左导航:leftsidebar

15、右导航:rightsidebar菜单:menu子菜单:submenu

16、标志:logo广告:banner登陆:login登录条:loginbar

17、注册:regsiter搜索:search功能区:shop

18、标题:title加入:joinus状态:status按钮:btn

19、滚动:scroll标签页:tab文章列表:list提示信息:msg

20、当前的: current小技巧:tips图标: icon注释:note

21、指南:guild服务:service热点:hot新闻:news

22、下载:download投票:vote合作伙伴:partner

23、(1)颜色:使用颜色的名称或者16进制代码,如

24、(2)字体大小,直接使用’font+字体大小’作为名称,如

25、(3)对齐样式,使用对齐目标的英文名称,如

26、(4)标题栏样式,使用’类别+功能’的方式命名,如

三、什么是样式和模板

什么是模板和样式?两者之间有什么不同?

通过使用样式,可以对应用该样式的控件的默认属性值加以修改。例如,可以指定控件(如按钮)的背景、边框和前景的默认颜色。

可以使用在美工板上绘制控件时为控件设置的值来取代这些样式属性。例如,如果在按钮的样式中将背景颜色设置为蓝色,则在美工板上绘制该按钮时,它将显示为蓝色,但用户可以更改其颜色。

只能在样式中设置已经存在的属性。例如,不能为属于用户添加到模板中的新部件的属性设置默认值。

最后,可以使用样式来指定控件的默认行为。例如,在按钮的样式中,可以指定一个触发器,以便在用户将鼠标指针移到按钮上时更改背景颜色。这些属性更改是瞬时完成的(不能动态渐变)。

可以使用模板,修改应用该模板的控件的结构。可以修改控件模板,以重排、添加或删除控件中的元素(或部件)。例如,可以向控件(如按钮)中添加背景图像或设计。

也可以对应用模板的控件的属性(如背景颜色)值加以修改。不能使用在美工板上绘制控件时为控件设置的值来取代这些模板值。但是,可以根据在美工板上绘制控件时该控件的属性值,使用模板绑定来设置模板的属性。

修改模板时,可以比修改样式时访问更多的控件部分。例如,可以通过修改项模板,更改组合框中弹出列表的显示方式,或更改在组合框中触发弹出列表的按钮的外观。有些模板包含下列部件:

内容展示区内容展示区是控件模板中的占位符,用于显示应用模板的控件的内容。显示的内容可能是内容属性(例如在按钮中)或文本属性(例如在文本框中)的值。

标题有些控件具有多个可以包含内容的属性。在这种情况下,会在模板中使用另一个内容展示区,作为用作标题的内容类型的占位符。带标题控件的示例包括选项卡项控件,在此控件中,标题是选项卡上的标签,而内容显示在标题之下。

项目承载区项目承载区用作控件子元素的占位符。模板的项目承载区部件由“属性”面板中的“Is_Items_Host= True”加以标识。

ItemContainerTemplate项容器模板可应用于包含多个项的控件,如“Menu”或“List”控件。该模板在向列表中添加项时使用。

最后,可以使用触发器在模板中指定所有新部件和现有部件的行为。例如,可以指定触发器,以便在用户将鼠标指针移到按钮上时,更改其中一个部件的颜色。这些属性改变可以瞬时完成,也可以动态变化以产生平滑过渡效果。

不能从模板绑定属性或颜色资源的值动态变化到其他值。在触发器中使用动画时,请使用特定的属性值。

可通过下列方式进入样式的编辑模式:

在“对象和时间线”下,选择相应的控件。

在“对象”菜单上,指向“编辑样式”。

单击“编辑样式”(如果希望更改当前已应用于该控件的样式)。

单击“编辑副本”(以同时创建当前已应用于该控件的样式的新副本,并将新样式应用于该控件)。

如果该控件应用的是系统样式,则“编辑样式”选项将不可用。

使用“资源”面板(修改现有样式)

样式和模板都属于资源,可通过不同方式应用于控件,并且可以存储在应用程序中的不同位置。有关创建样式的示例,请参阅创建样式资源。可通过下列方式进入控件模板的编辑模式:

在“对象和时间线”下,选择相应的控件。

在“对象”菜单上,指向“编辑控件部件(模板)”。

右键单击该控件,指向“编辑控件部件(模板)”。

单击“编辑模板”(如果希望修改当前已应用于该控件的模板),或者单击“编辑副本”(以同时创建当前已应用于该控件的模板的新副本,并将新模板应用于该......

在Word中,什么是样式?什么是模板?如何使用样式?请简述之。 5分

样式就是应用于文档中的文本、表格(表格:表格由一行或多行单元格组成,用于显示数字和其他项以便快速引用和分析。表格中的项被组织为行和列。)和列表的一套格式特征,它能迅速改变文档的外观。当应用样式时,可以在一个简单的任务中应用一组格式。

例如,无需采用三个独立的步骤来将标题样式定为 16 pt、Arial字体、居中对齐,只需应用“标题”样式即可获得相同效果。

用户可以创建或应用下列类型的样式:

1)段落样式控制段落外观的所有方面,如文本对齐、制表位、行间距和边框等,也可能包括字符格式。

2)字符样式影响段落内选定文字的外观,例如文字的字体、字号、加粗及倾斜格式。

3)表格样式可为表格的边框、阴影、对齐方式和字体提供一致的外观。

4)列表样式可为列表应用相似的对齐方式、编号或项目符号(项目符号:放在文本(如列表中的项目)前以添加强调效果的点或其他符号。)字符以及字体。

通过“样式和格式”任务窗格(任务窗格:Office程序中提供常用命令的窗口。它的位置适宜,尺寸又小,您可以一边使用这些命令,一边继续处理文件。)可以创建、查看和应用样式。您直接应用的格式也保存在该窗格中。

如果要改变文字的样式,可应用已有的样式,又称为内置样式。如果找不到具有所需特征的样式,可以创建新的样式,然后再应用。

若要快速的更改具有特定样式的所有文本,可以重新定义样式。例如,如果主标题是 14磅、Arial字体、左对齐并且加粗,但您后来决定将其改为 16磅、Arial Narrow字体并且居中,那么您不必重新设置文档中每一个主标题的格式,而只需改变对应样式的属性就可以了。

请注意,如果改变了文档中基准样式(基准样式:最基本或原始的样式,文档中的其他样式以此为基础。如果更改文档基准样式的格式元素,则所有基于基准样式的其他样式也相应发生更改。)的某项格式设置,文档中基于此基准样式的所有样式都将反映出这种修改。

也可让 Microsoft Word自动修改样式,即由 Word检测是否更改了包含样式的文本的格式,如有改动,则自动更新此样式。Word自动更新样式时,所有具有此样式的文本的格式都将更新,以便与您对文本格式所做的改动保持一致。建议应用过样式的用户使用自动更新样式。

3使用“样式库”预览和应用不同的样式

如果要应用来自其他模板(模板:是指一个或多个文件,其中所包含的结构和工具构成了已完成文件的样式和页面布局等元素。例如,Word模板能够生成单个文档,而 FrontPage模板可以形成整个网站。)的样式,您可以使用“样式库”来查看整篇文档的效果。然后,您可以根据需要,直接从样式库中应用样式。您也可以查看显示选定模板中的样式的示例文档,或者查看模板中使用的样式的列表。

在Word中,什么是样式?什么是模板?如何使用样式?

样式是对某一属性的设置,模板是样式的***

按CTRL+F1,然后选择样式和格式选项卡,现在你可以修改样式,也可以新建样式,其实就海根据需要修改字体、颜色、字号、段落等属性,然后设置快捷键,用的时候就很方便了。

在word2003中,什么是模板?什么是样式?

模板就是你打开WORD后的默认格式比如文字大小缩进行距之类钉,样式一般作为标题像什么第一章第一节之类的需要和编号一起使用。

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一

点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是

Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工

具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有

几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信

提问的问题整理出来,供诸位参考。

1、CSS在网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法?

当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页

中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。

2、CSS的三种用法在一个网页中要以混用吗?

三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处

理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行

了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方

3、在Dreamweaver3中如何使外部文件式CSS?

在Dreamweaver3中使用外连文件式CSS并没有特殊要求,同样是用记事本创建一个*.css文件,在网页的与

之间加上一句这样的代码:就行了。

4、如何用Dreamweaver3快速创建CSS外连式文件?

对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于

Dreamweaver3对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:

1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定

义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;

2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在与之间的那段定义好的CSS复制

到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?

5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗?

不用!先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:class="page_speeder_727289256",再把你刚才定义的CSS从

后面拖到这个双引号中来,把花括号以外的部分删去就行了。

6、在方档头部方式和外连文件方式的CSS中都有“”,好象没什么用,不要可以吗?

什么事HTML格式?什么是CSS格式?

用HTML语言写的页面被称为HTML格式,它不含任何与平台和程序相关的信息,它们可以被任何文本编辑器读取。

HTML语言是超文本标记语言(Hyperlink Text Markup Language)的缩写。它是一种描述文档结构的语言,而不能描述实际的表现形式。HTML语言使用描述性的标记符(称为标签)来指明文档的不同内容。标签是区分文本各个组成部分的分界符,用来把HTML文档划分成不同的逻辑部分(或结构),如段落、标题和表格等。标签描述了文档的结构,它向浏览器提供该文档的格式化信息,以传送文档的外观特征。

CSS是Cascading Style Sheets(层叠样式表)的简称。CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。在标准网页设计中CSS负责网页内容(XHTML)的表现。 CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀。可以通过简单的更改CSS文件,改变网页的整体表现形式。

4.在内部元素中使用"STYLE"标记来定义样式表等。

浏览器在处理网页中的样式表是按照一定的顺序来处理的,首先检查页面中是否有直接插入式CSS,如果存在就先执行它,针对本句的其它CSS就不去管它了;接着检查网页源代码中的"STYLE"标记,有就执行了;接下来再依次检查执行"@import"导入的内部样式表和链接的外部样式表。...

在Word2000中,什么是样式,什么是模板,如何使用?

Word提供了多种可供选择的样式。但是有时你可能需要创建新的样式,或者更改所需的外观。在创建新样式时,你可以指定是否将它应用到段落或字符中。另外,为样式指定一个描述其结果的简短、描述性名称,可以使你和其他人在使用该样式时能够回想起其结果。要更改样式,你可以调整已有样式的格式设置。

①选定要将其格式保存为贰式的文本。

②单击“格式”菜单,单击“样式”,然后单击新建。

④单击“样式类型”下拉箭头,然后单击“段落”,在样式中包括所选文本的行距和页边距,或者单击“字符”,在样式中只包括格式,例如字体、字号和粗体。

⑤单击“后续段落样式”下拉箭头,然后单击要在使用了该新样式的段落后将应用的样式名称。

⑥单击“添至模板”复选框,将新样式保护到当前模板中。

在查看样式对话框中的样式列表时,你可以选择要查看的样式类型:正在使用的样式,所有样式和用户定义的样式。在样式列表框中显示的样式将基于所选的选项。

①单击“格式”菜单,然后单击“样式”。

④单击格式,然后单击要更改的格式类型。

a、要更改字符“格式”,例如字体类型和粗体,你可以单击字体。

b、要更改行距和缩进,你可以单击段落。

⑤选择所需的格式选项,然后单击确定。

⑥检查预览框,预览样式描述。进行所需的格式更改。

一旦你用样式设置了文档格式,你就可以快速尝试使用不同的外观。更改每个样式,然后查看自动更改的带有该样式的所有文本。

你可以创建居中和粗体文本的标题样式。键入“标题”,选定该文本,然后单击格式工具栏上的居中和加粗按钮。接下来,突出显示格式工具栏上的样式框中的样式名称。键入名称,例如标题,然后按Enter键。现在你的文档就可以使用该样式了。

你可使带有标题样式的文本倾斜。选定标题文本,单击格式工具栏上的倾斜按钮,单击样式下拉箭头,单击标题,单击更新样式,以反映最近所做修改单选钮,再单击确定。

文章到此结束,如果本次分享的css表单模板和表单怎么做的问题解决了您的问题,那么我们由衷的感到高兴!