.Net培训个人总结笔记21

学习交流，欢迎转载。转载请注明文章来源：http://www.cnblogs.com/lgjspace/archive/2011/10/12/2218256.html

 

区别：
使用“启动”按钮的方式来打开页面的方式可以对页面的代码进行调试，而“在浏览器中查看”的打开页面的方式是没法进行调试操作的。

 

技巧：
在没有JS、C#代码的时候推荐使用“在浏览器中查看”的方式打开页面，这种方式的优点是，修改页面后不用关闭浏览器再打开才看到更改后的效果，而只要刷新页面就可以看到更新。

 

区别：
1. 在 html 代码中，标签的开闭没有严格的定义，如：“<img src="...">”和“<img src="..."/>”，“<br>”和“<br />”等都是正确的；而在 XML 规范中，这两个例子的第一个写法都是错误的，即使是“开始即结束”的标签也要在开始标签内加上斜线“/”来表示结束。
2. 在 html 代码中，标签的属性值可以用单引号“''”、双引号“""”、甚至是不加任何的引号；而在 XML 规范中，属性值只能用双引号“""”。

 

推荐：
在写 html 代码时要尽量符合 XML 标准，最重要的就是要符合 XML 标签的开闭规则。

 

细节：
readonly，selected，multiple，checked 等只有单一取值的属性可以不写出属性值，直接写属性名即可，但不推荐这样，因为这样不符合 XHtml 规范，也不便于阅读代码。

 

细节：
“<pre></pre>”标签的作用就是：把标签内的非 html 标签的文本内容以当前的内容格式（如内容的空格、缩进、换行等格式）原封不动地输出到屏幕。

 

区别：
换行标签“<br />”和分段标签“<p></p>”的区别：
顾名思义，换行标签仅仅是换行，而分段标签除了有换行的效果外，两个分段标签包裹着的两个内容块之间会空出一定行距来隔开，以示“分段”效果。

 

区别：
相对地址“/”、“./”和“../”的区别：
1. “/”表示网站根目录，
2. “./”或者不写任何斜线表示相对于当前路径的目录，
3. “../”表示父目录，
4. “http://www.cnblogs.com/”表示父目录的父目录。

 

细节：
1. 尽量为图片标签“<img />”显式指定高度“height”和宽度“width”属性值，这样的话就能让放置图片的位置的尺寸固定下来，就算图片还没有加载完成，放置图片的位置也能设定好大小，不影响页面的布局。
2. 别用大图当作缩略图来使用，否则会影响页面的下载速度。

 

细节：
有序列表标签“<ol></ol>”和无序列表标签“<ul></ul>”的区别就是在于：前者是有顺序编号的（Ordered List），后者是无顺序编号的（Unordered List）。

 

细节：
标签的“align”属性指定标签中的水平对齐方式，可选值有“left”（左对齐）、“right”（右对齐）、“center”（居中对齐）；标签的“valign”属性指定标签中的垂直对齐方式，可选值有“top”（顶端对齐）、“bottom”（底端对齐）、“middle”（垂直居中）。

 

细节：
表单标签“<form></form>”中的 action 属性用来指定该表单要提交到的目的地址或动态页面地址。

 

区别：
<input></input> 标签中的普通按钮“button”和提交按钮“submit”的区别：
button 按钮默认情况下不会触发当前页面表单的提交，而 submit 默认就会触发当前的页面表单提交到服务器。

 

细节：
在 html 页面中，复选框标签“<input type = "checkbox" />”有两种带上文本内容的书写方式：
1. “<input type = "checkbox" >文本内容</input>”，但极不推荐，因为这样不符合 XHtml 规范，警告提示：“"input"是空元素，不能带结束标记，必须以 /> 结束。”
2. “<input type = "checkbox" />文本内容”，这种比较推荐。

 

细节：
图片按钮标签“<input type = "image" />”默认情况下也会触发当前页面表单的提交，而且还会以“get”的方式提交鼠标点击图片按钮时的以按钮图片左上角为原点的坐标。

 

细节；
图片标签“<img src = "" alt = "">”中的 alt 属性值是当找不到指定的显示图片时在图片显示区域中显示出来的文本，而不是光标停留在图片上时显示的提示文本，如果要实现这种停留在图片上时显示文本的效果，则要为 title 属性赋值，为 title 属性所赋的值即为所要显示的提示文本内容。

 

区别：
<div> 标签和 <span> 标签的异同：
1. 相同点：<div> 和 <span> 都可以把自己标签内的元素和内容当成一个“块”来处理；
2. 不同点：<div> 所占的块总是矩形的，而且是默认沾满一行的，而 <span> 则是随块里面的内容的结构变化而变化的，形状不规则。

 

细节：
删除<ul></ul>或<li></li>标签下的项内容前面的圆点“·”的方法，就是用 CSS 中的“list-style-type:none”实现。一般设在<ul>或<li>标签中。

 

细节：
用 CSS 的 cursor 属性可以为光标设定自定义的图案形状，用法格式：“style="cursor:url(光标图片资源路径)"”。光标的图案文件后缀一般是“.cur”（静态光标图片）或“.ani”（动态光标图片）

 

细节：
CSS 的 class 选择器中，同时引用多个 class 样式可以写成“class="className1 className2 className3"”，即多个样式之间用空格隔开即可。

细节：
CSS 级联样式表中的内联样式可以写成：
label,div,tr{background-color:Red; border-color:Blue;}，
而不一定一个内联样式只能针对一种标签（上面的这例子是标注为多个种类的标签，即label，div 和 tr）。

 

细节：
“#abc,#bcd{样式内容}”（即两个id之间用逗号隔开，没有空格）表示 id 为 abc 或 id 为 bcd 的元素都被填充该样式；同理，“input,label{样式内容}”也是同时使多个标签被填充该样式；
而“#abc #bcd{样式内容}”（即两个id之间用空格隔开）表示在 id 为 #abc 的元素里面的 id 为 #bcd 的元素内容被填充为该样式，即嵌套在 id 为 #abc 的元素里面的 id 为 #bcd 的元素的样式被填充为该样式；同理“input label{样式内容}”也是一样的规律。
注：区分逗号分隔和空格分隔的作用差异。