
你说的是aspnet的程序要想打开的话,必需搭建IIS服务器或者把它挂到网站空间里才可以看的
至于那个css文件是页面调用的样式文件,要用DW打开或者用记事本打开。其它的程序文件都可以用DW打开编辑。
当然我不知道你懂不懂这些程序。我也只是解net,熟悉的还是ASP希望对你有帮助!
css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS具有以下特点:
1、丰富的样式定义
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改
CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
4、层叠
层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。
5、页面压缩
在使用HTML定义页面效果的网站中,往往需要大量或重复的表格和font元素形成各种规格的文字样式,这样做的后果就是会产生大量的HTML标签,从而使页面文件的大小增加。
而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程序的缩减了页面的体积,减少下载的时间。
扩展资料:
css的工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。
无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。
名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。
参考资料:
CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
空间页面CSS说明
body 整个空间页面{background-color:#FFFFFF}
--------------------------------------------------------------------------------
空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header divlc 左背景图{background:url(temp1/hdljpg) no-repeat}
#header divrc 右背景图{background:url(temp1/hdrjpg) no-repeat top right}
#header divtit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header divtit atitlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header divtit atitlink:visited{color:#FFFFFF;text-decoration:none}
#header divdesc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbggif) repeat-x}
#tab aon,#tab aon:link,#tab aon:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
--------------------------------------------------------------------------------
stage 内容区域(TAB菜单与版权信息之间的区域){background:#F3F1F1}
其它区域(即访问量等信息)
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}
--------------------------------------------------------------------------------
页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码(不可点击){padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page apc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page apc:visited{color:#3399CC}
#page api 页码(可点击){padding:3px;color:#3399CC;font-size:14px}
#page api:visited{color:#3399CC}
--------------------------------------------------------------------------------
模块
mod {margin-bottom:10px}
modhandle{cursor:move}
modth 模块标题栏主体{height:24px}
modhead{padding:4px 4px 0 4px}
modopt 模块 *** 作区(如写新文章){padding:4px 4px 0 0}
modtit 模块标题区(如文章列表){color:#FFFFFF;font-size:12px;font-weight:bold}amodtit{color:#FFFFFF}amodtit:visited{color:#FFFFFF}
modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}amodtitlink{color:#FFFFFF;text-decoration:none}amodtitlink:visited{color:#FFFFFF;text-decoration:none}amodtitlink:hover{color:#FF5100;text-decoration:underline}
modact *** 作文字链接(如文章列表){color:#FFFFFF;font-size:12px}amodact:link{color:#FFFFFF}amodact:visited{color:#FFFFFF}
modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
modtl 模块左上角背景{background:url(temp1/ptitlgif) no-repeat top left;line-height:1px}
modtc 模块中上背景{background:url(temp1/ptitcgif) repeat-x}
modtr 模块右上角背景{background:url(temp1/ptitrgif) no-repeat top right;line-height:1px}
modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}
--------------------------------------------------------------------------------
文章区域
#m_blog divtit 文章标题{font-size:14px;font-weight:bold}
#m_blog divtit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog divtit a:visited{color:#333333}
#m_blog divdate 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog divcnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog divmore{margin:14px 0 16px 0}
#m_blog divmore a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog divmore a:visited{color:#3399CC}
#m_blog divopt 文章 *** 作区(如编辑、评论等){color:#666666;font-size:12px}
#m_blog divopt a 文章 *** 作链接{color:#3399CC;font-size:12px}
#m_blog divopt a:visited{color:#3399CC}
#m_blog divline 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog divnone 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
--------------------------------------------------------------------------------
个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro divimage 个人头像{text-align:center}
#m_pro divact *** 作区(如加为好友、发送消息){margin-top:10px}
#m_pro divuser 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro divdesc 用户简介{color:#333333;font-size:12px}
#m_pro divline 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}
--------------------------------------------------------------------------------
相册区域
#m_album divimage 照片{text-align:center}
#m_album divpage {color:#666666;font-size:12px;text-align:center}
#m_album divpage a{color:#0000CC;font-size:12px}
#m_album divpage a:visited{color:#0000CC}
--------------------------------------------------------------------------------
友情链接区域
#m_links divitem 子项{color:#333333;font-size:12px}
#m_links divitem a 名称(链接){color:#3399CC;font-size:12px;text-decoration:none}
#m_links divitem a:visited{color:#3399CC}
#m_links divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
文章分类
#m_artclg divitem 子项{color:#666666;font-size:12px}
#m_artclg divitem a 分类名称(链接){color:#3399CC;font-size:12px}
#m_artclg divitem a:visited{color:#3399CC}
#m_artclg divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
最新评论区域
#m_comment divitem 子项{color:#333333;font-size:12px}
#m_comment divitem a 发表人(链接){color:#3399CC;font-size:12px}
#m_comment divitem a:visited{color:#3399CC}
#m_comment divitem acnt 评论摘要(链接){color:#333333;font-size:12px;text-decoration:none}
#m_comment divitem acnt:visited{color:#333333;text-decoration:none}
#m_comment divitem acnt:hover{color:#333333;text-decoration:underline}
#m_comment divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
相册列表
#m_albumlist divnote{color:#333333;font-size:14px}
#m_albumlist divdesc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist divnone 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist divline 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist divtit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist divtit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist divtit a:visited{color:#3399CC}
#m_albumlist spancount 照片数量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist spansize 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist aact *** 作区链接(如编辑、删除){color:#3399CC;font-size:12px}
#m_albumlist aact:visited{color:#3399CC}
#m_albumlist apage 页码链接{color:#0000CC;font-size:14px}
#m_albumlist apage:visited{color:#0000CC}
#m_albumlist tdimage{padding:5px;border:1px solid #999999;background:#FFFFFF}
--------------------------------------------------------------------------------
好友列表
#m_friend divfilter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend divcatalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend divuser{margin-top:4px;color:#333333;font-size:12px}
#m_friend divuser a 好友名称(链接){color:#3399CC;font-size:12px}
#m_friend divuser a:visited{color:#3399CC}
#m_friend divline 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting imgsel 模板预览图(选中状态){border:4px solid #FFDB7B}
#m_setting imgunsel 模板预览图(未选中状态){border:1px solid #D2D2D2}
#m_setting spantit 模板标题名称{font-size:14px}
#m_setting spanusr 作者名{color:#666666}
#m_setting divsel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting divline 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo spannew 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo spandate 发布时间{color:#666666;font-size:14px}
--------------------------------------------------------------------------------
基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
网友评论
#in_comment 主体{width:710px}
#in_comment divtit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment divuser 发表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment divuser a 发表人名(链接){color:#3399CC;font-size:12px}
#in_comment divuser a:visited{color:#3399CC}
#in_comment divuser spandate 发表时间{color:#666666;font-size:12px}
#in_comment divdesc 评论内容{color:#333333;font-size:12px}
#in_comment divline 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send divtit 发表评论(标题){margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}
参考资料:
a=<input type="text" id="a" />
<br/>
count=<input type="text" id="count" />
<br/>
<input type="button" id="add" value="相加" />
<script type="text/javascript">
var oBtn=documentgetElementById('add');
oBtnonclick=function()
{
var oTxta=parseInt(documentgetElementById('a')value);
var oTxtc=parseInt(documentgetElementById('count')value);
var sum=0;
var t=oTxta;
while(oTxtc>0)
{
sum=sum+t;
t=10t+oTxta;
oTxtc--;
}
alert(sum);
}
</script>
CSS就是专门为了页面的布局而产生的一种东西。要做单机安装软件,那么就学C++或者java。如果是一个web方面的,有人是专门只做前台的,但是只有页面布局应该也不行,至少会一些脚本,懂得前台和后台怎么打交道。因为你这个软件如果不涉及网页,那么你会网页布局也就没什么用了,如果涉及网页,可以帮助他们美化页面。
以上就是关于如何打开.css程序来使用它的功能全部的内容,包括:如何打开.css程序来使用它的功能、css是什么意思、CSS程序怎么编辑呀.等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)