网页设计css
html网页设计如何倒序排列
按id号从小到大排列sql = "select * from tablename order by id asc"按id号从大到小排列sql = "select * from tablename order by id desc"举例如下：下面是一段正常的源码，它可以正常查询出倒序结果：<!--#include file="conn.asp" --><head><title> 回眸一笑</title><style><!--@import url(in/index.css);--></style><style><!--@import url(in/layer.css);body,td,th {font-family: 宋体;color: #000;}--></style><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body text="#000000" ><div id="newest"><div id="ntitle" align="right">最新10篇帖子：</div><div id="space"></div><div id="nmarquee"><table width="100%" height="12" border="0" cellpadding="0" cellspacing="0"><tr><td id=demo1><table width="100%" height="35" border="0" cellpadding="0" cellspacing="0"><tr><%Dim nSqlnSql="Select top 10 * From [Dv_Topic] Order By TopicID DESC"Dim nRsSet nRs=Server.CreateObject("ADODB.RecordSet") nRs.Open nSql,Conn1,1,1while not nRs.eof%><td height="17"><table width="500"><tr><td width="492" height="10"><a href='../../xiabbs/Dvbbs8.2.0_Ac/dispbbs.asp?TopicIDid=<%=nRs("TopicID")%>'><strong><font color="#333366"><%=left(nRs("PostUserName"),5)%></font></strong><font color="#FF3366"> 发贴于 </font><strong><font color="#333366"><%=left(nRs("DateAndTime"),12)%></font></strong>：<%=left(nRs("Title"),20)%></a></td></tr></table></td><%nRs.movenextwendnRs.close:set nRs = nothing%> 但是把它的链接更改，使它指向其它ID，但查询结果却顺序显示了。代码如下：<!--#include file="conn.asp" --><head><title>回眸一笑</title><style><!--@import url(in/index.css);--></style><style><!--@import url(in/layer.css);body,td,th {font-family: 宋体;color: #000;}--></style><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body text="#000000" ><div id="newest"><div id="ntitle" align="right">最新10篇帖子：</div><div id="space"></div><div id="nmarquee"><table width="100%" height="12" border="0" cellpadding="0" cellspacing="0"><tr><td id=demo1><table width="100%" height="35" border="0" cellpadding="0" cellspacing="0"><tr><%Dim nSqlnSql="Select top 10 * From [Dv_Topic] Order By TopicID DESC"nSql="Select top 10 * From [Dv_Topic] Order By boardid DESC"<!--这里添加了查询表，以为下面链接提供ID链接-->Dim nRsSet nRs=Server.CreateObject("ADODB.RecordSet") nRs.Open nSql,Conn1,1,1while not nRs.eof%><td height="17"><table width="500"><tr><td width="492" height="10"><!--下面的链接添加了boardid以便动态链接。--><a href='../../xiabbs/Dvbbs8.2.0_Ac/dispbbs.asp?boardid=<%=nRs("boardid")%>&id=<%=nRs("TopicID")%>'><strong><font color="#333366"><%=left(nRs("PostUserName"),5)%></font></strong><font color="#FF3366"> 发贴于 </font><strong><font color="#333366"><%=left(nRs("DateAndTime"),12)%></font></strong>：<%=left(nRs("Title"),20)%></a></td></tr></table></td><%nRs.movenextwendnRs.close:set nRs = nothing%>分享
除了这个还有其他代码么？比如<ol>延伸的之类的
01.1 <!DOCTYPE html>02.2 <html>03.3 <head>04.4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />05.5 <title>ol元素的逆向排序</title>06.6 </head>07.7 <body>08.8 <ol>09.9 <li>item1: I'm a boy</li>10.10 <li>item2: I'm a boy too</li>11.11 <li>item3: Are you kidding me?</li>12.12 </ol>13.13 </body>14.14 </html>看到的效果就是：到这里我们就发现一个神圣的有序列表产生了。接下来就是介绍怎么实现元素ol的逆向排序显示了。实现的方法是很多的，在这里介绍三种方法，如果您有更好的方法，欢迎在下面的评论中提出。这里提到的三种方法分别使用HTML、CSS和JavaScript实现，样样都有，随你挑。首先介绍一下HTML的实现方法，这个办法应该是最简单有效的，因为在HTML5中已经为这个标签添加了一个属性：reversed,方法也很简单，只需要在ol元素的起始标签中添加一个 reversed属性，就能非常容易实现元素ol的降序排序显示，我们来看一看效果：view sourceprint?1.1 <ol reversed>2.2 <li>item1: I'm a boy</li>3.3 <li>item2: I'm a boy too</li>4.4 <li>item3: Are you kidding me?</li>5.5 </ol>记得多给点财富，另外采纳
最好的网页制作软件是什么？
一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。 二、中级网页制作软件 如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 ②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！ ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！ ④HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。 ⑤HomeSite 制作可完全控制页面进程的网页 Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。 ⑥HotMetal Pro 制作具有强大数据嵌入能力的网页 HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。 HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。 三、高级网页制作软件 ①Microsoft Visual Studio 该系列的版本有：2003、2005、2008和未来的版本； 适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。 ②Jbuilder 不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。 ③记事本 别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。
参考资料：
网站、网页制作（团）
设计了css样式,如何装淘宝店铺上
在淘宝页面装修中添加自定义模块，选择这个模块上边的编辑两个字，然后在源代码上打勾，就可以添加html+css代码了。上面的的做法适用的一般在店招之类的地方，其它部分的是不可以添加CSS样式的，还有就是一般的店铺也不能用CSS样式的，至少是旺铺以上的版本的才可以自定义部分的CSS样式，要想有比较好像的装修效果，只能是购买模板来实现了或者是定制模板的方式。
请问在网页设计CSS 里面font-family，font-face，这两个有什么不同？
第一个是指定字体：.youclass{font-family:文鼎POP;}此处 font-family 指定字体为 文鼎POP ，但电脑上没装 文鼎POP 字体的人看网页，将看不到这个字体效果，任看到电脑上默认的 宋体 或 微软雅黑体，因此针对中文操作系统来说：为保证网页效果，通常只能指定：宋体、黑体、微软雅黑之类的系统上默认自带的字体。第二个 font-face 的用法是载入一个字体：@font-face { font-family:comic;src:url(http://url/文鼎POP.eot); } 将 文鼎POP 的 .eot 格式文件传到服务器上，然后用 font-face 加载到网页中，别人电脑没装这个字体，但用 font-face 加载后同样能在网页上显示出文鼎POP的效果。font-face 这个方法对中文网页并无多大作用，可以不用关心这个用法，一是多数中文字体并没有专门设计eot格式，二是中文字体动则10M甚至更大，在网页中载入，等待时间太长，只会引起浏览者不爽。英文就不一样了，26个字母大小写也才52个+数字符号之类的在里面，文件也才几十K，动态载入完全没问题。
网页设计中，font 如何 精确 字体大小？
一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高，12px的文字在大于1440*900的显示器里看起来会显得比较小，阅读起来不是很容易，所以现在网页设计里面用12px的已经比较少了，特别是文章正文部分，普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug，所以现在用得也不太多，不过随着IE6慢慢被淘汰，这个问题也不再是一个问题了。而对于标题栏的文字大小，没有特别的限制，视觉上感觉舒服就行。字体大小代码：font-size:14px（字体大小14像素）对于font-family，一般来说14px及以下大小的文字，应当设置为宋体，当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的，所以在css里面可以这样设置字体：font-family:"Microsoft Yahei",simSun,Arial;把几个字体用逗号隔开，如果系统没有第一种字体，就用第二种，如果没有第二种就用第三种，以此类推。
网页设计和web前端开发哪个好
一个是偏向于设计，一个是偏向于代码。如果是网页设计，刚开始可能是模仿别人的网页，但是到了最后会出现慢慢的偏重于美术，心理学，色彩，绘画等。这些艺术方面，表面你能看到的，如果你是学计算机的接触过网页设计，并喜欢网页设计，我建议不要偏向这个方面，因为到后来让你自己独立设计网页时，色彩搭配是很难的，还有整体布局，以及是否符合当下潮流等。现在的网页千变万化，设计也要不断学习，并且能跟得上。 对于web前端开发这个就是把别人设计好的自己用div+css+js去实现的，一个简单的网页可能就是div+css把它写出来，但是这里面是充满经验的。web前端的发展过程中到了最后就是头疼的兼容性问题，因为要确保一个页面在任何浏览器当中能正常显示是很不容易的，浏览器厂商那么多，各自还有自己的专属属性，而且有的还要求在手机中能够显示，能够自适应屏幕等。单纯的css无法来控制，就需要学习javascript, web前端看似简单其实要学习的东西很多，经验也特别重要，接触后台后你会更明白前端的重要性。
用dw设计网页时，我用的是css+div。每个电脑的分辨率都不一样，怎么让网页在不同的浏览器上正确显示呢？
第一种办法：body的width设置为100%，然后body下的总的div的width设置为固定宽度，比如：<body style="width: 100%"> <div class="nav" style="width: 1080px"></div> <div class="content" style="width: 1080px"></div> <div class="footer" style="width: 1080px"></div></body>然后每个div里面的元素再具体设置宽度。第二种办法，如果你要针对移动端用户，可以使用响应式web设计。即：@media screen and (max-width: 768px) and (min-width: 480px){ //这里面写CSS代码}如果使用第二种方法建议用百分比布局。第三种方法，如果你要使用CSS3/JS，这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了，的是代码问题。。。如果真要使用再说吧-。-
网页设计，怎样定义页面的默认字体和大小？当只有指定css后，才是该css大小
可以在需要的地方：1.定义一个class或id 2.再加一个 标签例如span 然后定义span的 字号字体 3.直接在需要的td或其他标签加style=“”（不建议用，这样页面代码就多了）
网页设计中如何解决浏览器兼容问题
为了能让网站设计正常的运行于各种浏览器平台，网站设计师们不得不想尽办法处理好网站建设中的浏览器兼容问题。正是因为网站设计当中的这一需要产生了一项新技术— CSS Hack。 CSS Hack 就是针对不同浏览器写出不同的 CSS code 的过程，主要用来解决目前各类浏览器无法标准解析CSS样式，导致同一网站设计页面在不同浏览器下出现显示效果不一致的兼容问题。 针对不同浏览器，可以将CSS Hack 网站设计代码整理如下： 1、针对I E 系列浏览器的网站设计代码 针对 IE 6 的专属 CSS Hack 网站设计代码 #id{ _display: block; } 也就是在网站设计CSS属性前加一个小划线就好。 针对 IE 7 的专属 CSS Hack 网站设计代码 #id{ *display: block; } 即在网站设计CSS属性前加上一个星号即可 针对 IE 8 的专属 CSS Hack 网站设计代码 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示，解决办法为在网站设计CSS属性后分号前加上空格与斜线并加入一个数字9即可 。 2、针对火狐的CSS Hack 网站设计代码 火狐可谓是最标准的浏览器之一了，网站设计技术只要稍稍不到位就能体现得淋漓尽致，所以不少网站设计师也很头痛，其实想要解决火狐的兼容性除了要把网站设计的基础知识扎牢之外只要将CSS代码写入到下图 @-moz-document url-prefix（）{ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。 3、针对 Safari 的CSS Hack 网站设计代码 Safari是苹果计算机的最新作业系统Mac OS X中新的浏览器，用来取代之前的Internet Explorer for Mac，使用了KDE的KHTML作为浏览器的运算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。 4、针对 Opera 的CSS Hack 网站设计代码 Opera即Opera Software ASA，是台式机、各种设备和移动网络浏览器市场的商业领袖，因快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认，并在网上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 这个世界上必然不会存在绝对完美的事物，因此运用以上方法让我们的网站设计更好的与各种浏览器兼容的时候其实已经违反了网站制作的W3C标准。
