如何打开.css程序来使用它的功能

如何打开.css程序来使用它的功能,第1张

你说的是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

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程序怎么编辑呀.等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9357825.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存