supper800-CSDN博客

原创 WPF的子集：Silverlight是WPF的子集，

http://paradise.ezla.com.tw/files/article/html/229/229780/8733367.htmlhttp://paradise.ezla.com.tw/files/article/html/229/229780/8733375.htmlhttp://paradise.ezla.com.tw/files/article/html/229/22978

2015-06-01 04:23:15 109

我们运用xhtml+css网页布局，实现表现与结构的分离，表现部分的css文件非常重要，也比较繁杂，我们在书写CSS文件时有很多属性和值，我们就考虑到了书写顺序的问题。　　有时候是先写了margin或color，然后再写width和height等等。我们有没有必要让我们的编码更加的工整，更加的科学呢？实践证明，书写工整、按一定的规则进行书写是很有好处的。　　下面是Mozilla Firefox所建

2007-08-06 11:39:00 481

原创细线表格在web标准中的实现

随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证! HTML代码细线表格简单实现table{border:1px solid #000;border-width:1px 0 0 1px;margin:2px 0 2px 0;text-align:center;border-co

2007-08-06 11:32:00 435

原创根据浏览器分辨率不同自动调用不同CSS

既判断分辨率，也判断浏览器程序代码if (window.navigator.userAgent.indexOf("MSIE")>=1){var IE1024="";var IE800="";var IE1152="";var IEother="";ScreenWidth(IE1024,IE800,IE1152,IEother)}else{if (window.navigator.u

2007-08-06 11:31:00 561

原创 css样式教程 17、CSS的优先级特性Specificity

如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。　　它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型而且复杂的CSS文件，或有很多CSS文件组成的，可能产生冲突。　　选择器一样的情况下后面的会覆盖前面的属性。比如：程序代码p { color: red; }p { color: blue; }　　p元素的元素将是蓝色，因为

2007-08-06 11:28:00 450

原创 css样式教程 16、CSS的伪元素Pseudo Elements

伪元素吸附在选择上和pseudo classes伪类很像，像这样selector:pseudoelement{property: value;}。有四种方式。First letters and First lines 首字母和首行　　first-letter伪元素作用到元素的第一个字母，first-line作用到元素的顶行。你可以，例如为段落创建一个drop caps和首行加粗。程序代码

2007-08-06 11:27:00 415

原创 css样式教程 15、CSS的At-Rules@规则

At-rules分装不同的CSS规则，应用在特定场合。Importing　　import@规则引用另外的样式。例如，如果你想添加另外样式到现在的样式，可以这样：　　@import url(addonstyles.css);　　这很像使用link元素连接CSS到HTML，本质上说有一个内容样式像下面：　　css" media="all">@import url(monkey.css);　　这是为了照

2007-08-06 11:26:00 465

原创 css样式教程 14、CSS网页布局Page Layout

使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。　　你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。Positioning 定位　　positon属性可以指定元素为absolute,relative,static或是fixed。　　static是元素默认属性，按HTML出现的先后顺序。　　relative比较像static

2007-08-06 11:25:00 460

原创 css样式教程 13、CSS的display属性

操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式。一些由标签组成的大部分页面可以设定任何样式。浏览器默认的样式里的大部分html元素由字体样式、margin,padding组成，本质上是显示类型。　　display属性基本上分为inline,block,和none。　　inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素默认是行。　　b

2007-08-06 11:24:00 542

原创 css样式教程 12、CSS的Background Images 背景图片

背景图片Background Images有许多属性可以操作。　　幸运的是，可以使用background处理所有：程序代码body { background: white url(htmldog.com/images/bg.gif" target="_blank">http://www.htmldog.com/images/bg.gif) no-repeat top right

2007-08-06 11:23:00 569

原创 css样式教程 11、CSS的属性缩写

一些CSS属性允许使用一串值代替许多属性，值使用空格分开。　　margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：property:top right bottom left;逆时针顺序。　　所以下面的：程序代码p { border-top

2007-08-06 11:22:00 373

原创 css样式教程 10、CSS的Pseudo Classes 伪类

请你注意一些CSS伪类属性不被所有浏览器支持，但有四个伪类可以安全使用在链接上　　伪类像是指定选择器状态或关联选择器的门闩。它们的形式如：selector:pseudo class { property: value; }，在选择器和伪属性之间使用冒号。程序代码　　link 没有点击过的链接　　visited以点击过的链接　　active获得焦点时的链接（比如在点击时）　　ho

2007-08-06 11:21:00 348

原创 css样式教程 9、CSS的Grouping and Nesting分组和嵌套

Grouping 分组　　当许多选择器有同样属性时，可以使用逗号组合它们。　　例子：程序代码h2 { color: red;}.thisOtherClass { color: red;}.yetAnotherClass { color: red;}　　上面的可以写成这样：程序代码h2, .thisOtherClass, .yetAnotherC

2007-08-06 11:19:00 459

原创 css样式教程 8、CSS的Class以及ID选择器

前面的学习我们仅仅使用HTML选择器（在HTML页面里为html标签，如 P）　　现在我们学习使用clss和id定义属于自己的选择器。　　这样，同样的html元素可以通过class或ID使用不同的表现。　　在CSS里，使用点号（.）创建class选择器，使用hash符号（#）创建ID选择器。　　例子：程序代码#top { background-color: #ccc; p

2007-08-06 11:18:00 375

原创 css样式教程 7、CSS属性结合起来使用

下面的代码覆盖了初级教程的所有方面，保存下面的CSS文件并且在浏览器里观看连接的HTML，你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件，改变CSS HTML会发生什么变化。程序代码body { font-family: arial, helvetica, sans-serif; font-size: 80%; color: bl

2007-08-06 11:17:00 252

原创 css样式教程 6、CSS的Border边框

边框可以运用到body里的大部分HTML元素。　　制作一个元素的边框，你需要border-style边框样式。值可以是： solid, dotted, dashed, double, groove, ridge, inset and outset，具体样式大家可以实际下。　　border-width设定宽度，通常使用pixels即单位是px，同样有四边属性：border-top-width, b

2007-08-06 11:16:00 391

原创 css样式教程 5、Margin和Padding

margin和padding用来隔开元素，margin是隔开元素与外边，padding是隔开元素里边。　　例子h2：程序代码h2 { font-size: 1.5em; background-color: #ccc; margin: 1em; padding: 3em;}　　元素四边可以设置的属性：margin-top, margin-right, m

2007-08-06 11:15:00 370

原创 css样式教程 3、CSS的color颜色

　css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。程序代码red红色等同于rgb(255,0,0)等同于rgb(100%,0%,0%)等同于#ff0000等同于#f00　　有17个预先确定的颜色，它们是：　　aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, 　　olive,

2007-08-06 11:14:00 364

原创 css样式教程 4、CSS的Text 文本

有一系列属性可以改变网页文字的大小和形状，概要如下：font-family　　文字使用的字体，比如宋体，Times New Roman，Arial等等　　这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如arial，verdana和times new roman和宋体），可以同时指定许多字体，只要使用逗号分开即可。这样的用意是，如果用户电脑里没有第一个字体浏览器可以使用后面指定的字体。

2007-08-06 11:14:00 476

原创 css样式教程 2、CSS选择器、属性、值

HTML有标签，CSS有选择器。选择器是给内部和外部样式里面的样式命名。　　每个选择器都有属性在{}里面，比如简单点像color,font-weight或background-color。　　值在冒号（不是等号）后面，分号分离属性。程序代码body { font-size: 0.8em; color: navy;}　　上面的意思是为body选择器设置font-si

2007-08-06 11:13:00 280

原创 css样式教程 1、CSS的应用

有三种方法应用CSS一、In-line 行内　　行内样式是在html标签里直接使用style属性程序代码text　　设定段落文字红色。　　但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。二、Internal 内部　　使用于整个页面的植入内部样式在head标签里面，style标签包围样式。程序代码html PUBLIC "-/

2007-08-06 11:11:00 279

原创 WEB2.0标准教程：第八天 CSS布局入门

CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个典型的定义div例子：程序代码#sample{ MARGIN: 10px 10px 10px 10px;PADDIN

2007-08-06 10:31:00 281

原创 WEB2.0标准教程：第五天 head区的其他设置

这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。收藏夹小图标首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：程序代码为搜索引擎准备的内容代码如下，替换成你自己站点的内容就可以：允许搜索机器人搜索站内所有链接。如果你想某些

2007-08-06 10:24:00 341

原创 WEB2.0标准教程：第四天调用样式表

用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都

2007-08-06 10:21:00 279

原创 WEB2.0标准教程：第二天什么是命名空间

DOCTYPE声明好以后，接下来的代码是：程序代码html xmlns="xhtml" target="_blank">http://www.w3.org/1999/xhtml" lang="gb2312"> 通常我们HTML4.0的代码只是html>，这里的"xmlns"是什么呢？这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么

2007-08-06 10:18:00 275

原创 WEB2.0标准教程：第一天选择什么样的DOCTYPE

开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。WEB2.0标准网页原代码，第一行就是：程序代码html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1

2007-08-06 10:15:00 376

原创 Silverlight 1.1架構圖

Silverlight 1.1架構圖Silverlight 1.1架構圖觀賞（點圖放大）　　各位懂我說的了吧，為什麼Silverlight 1.1比1.0好了吧！（這不是廢話嗎？通常新版比舊版好），但Silverlight 1.0今年夏天是可以看得到吃得到的，至於Silverlight 1.1明年2008放暑假時，大家到海邊衝浪時再看看吧！哈...大家別等了，Silverlight 1

2007-05-26 17:29:00 739

原创 XAML与MXML之比较

XAML与MXML这两种标记语言出自同门——都是XML的徒弟，只不过一个谋职于microsoft派，另外一个谋职于Adobe。很多人从WPF以及Flex中了解到它们，很多人觉得他们很像，刚开始我也这么觉得，当时我还以为Avalon就是微软的Flex，而XAML和MXML作用完全一样，都是描述用户界面的标记语言，累死HTML在浏览器中的作用。可是后来我发现微软的道道果然够深，表面上我们看XAML和M

2007-05-26 11:25:00 630 1

翻译我的“Orcas初览”讲座

【原文地址】My "First Look at Orcas" Presentation 【原文发表日期】 Thursday, February 08, 2007 10:44 PM我近期的欧洲之旅的亮点之一是，得到机会第一次公开地展示我们Visual Studio和.NET Framework下一个版本(代号名为 Orcas)中的一些新特性。你可以在这里下载我讲座的讲义和演示代码。你也可以观

2007-05-24 16:00:00 956