关于客户端XHTML，CSS和JavaScript的一些总结

作者：Eve Cole 更新时间：2009-06-12 17:47:51

本周学习的是客户端3个部分，xhtml、css和javascript的语法基础。

第一：关于xhtml的属性（标记）——

1.表单属性

2.这2个属性是表单命的唯一标识号和区别，根据我个人这个星期的作业和用法来看，大多用在这类控件里面。

3.控件属性,；</P> <P><input>是和type属性定义不同的控件，一共有10种，包括文本框，多选，单选，密码框，提交和取消等。根据不同需求用于不同控件。</P> <P><select>和<option>是一起用作控制下拉菜单。基本格式：</P> <P><select name="" id=""></P> <P> <option value="">xx</option></P> <P> </select></P> <P><textarea>是用来创造一个多行文本框。</P> <P>4.常用定义属性：font-family：定义整个页面字体风格；font-size:字体大小；width:宽度；height:高度；colspan:""合并列数；align:位置；<br />空一行 &nbps;空一格</P> <P>第二：css控制页面</P> <P>1.样式规则：在使用css样式布局中，基本格式如下</P> <P>选择器{</P> <P> 属性1：值1；</P> <P> 属性2：值2；</P> <P> .....</P> <P> }</P> <P>并且在<head></head>中加入<style type="text/css">才会调用css相关作用</P> <P>2.选择器：元素选择器、类选择器、id选择器、包含选择器、通配选择器和伪类及伪元素选择器。（各选择器作用和用法请参考书54-56）</P> <P>3.样式规则位置：</P> <P>一共有3种形式——外联，内联和嵌入式。</P> <P>外联就是在所生成页面文件的同级文件中创造一个.css的文件，然后在.css中用文本的形式把起作用的属性代码写上。</P> <P>并且在页面文件中以<link rel="stylesheet" type="text/css" ref="样式表的url"></P> <P>来调用，这种方式适合多个页面使用同一样式。</P> <P>嵌入就是常用的css属性，也就是在<head></head>中加入<style type="text/css">，用</P> <P>选择器{</P> <P> 属性1：值1；</P> <P> 属性2：值2；</P> <P> .....</P> <P> }</P> <P>这样的形式来使用。</P> <P>内联就是在元素后面使用style属性来标记显示时的样式。基本上大多数html标记都有style属性。</P> <P>4.css盒模和重叠</P> <P>（1）margin:边距 border:边框 padding：边框距（具体见书53）</P> <P>（2）css属性单位：（见书57-65页详细介绍）</P> <P>（3）div-css页面布局：</P> <P>这个是重点，不仅仅是<table>属性能对整个页面布局，一般常用的<div>更方便和简洁。</P> <P> </P> <P>第三：javascript的语法基础和进阶</P> <P>需要掌握的只有3点：</P> <P>1.<script type="text/javascript"> 这点和调用css属性一样。</P> <P>document.write("你好")这个等同于c语言printf意思，也可以用alert来替代。</P> <P>2.事件处理程序：这点知识点有4点，比较多，参考树上81-95页的详细介绍。</P> <P>3.进阶语法：也就是和c语言中的数据类型，循环，顺序，选择一类类似。只是有几点区别：</P> <P>(1)定义数据类型，不用明确定义，只需用var就行。</P> <P>(2)不同类型数据计算不用c语言那么明确，比如var 'a' b，一个字符型，一个数据性，也可以计算c='a'-b。</P> <P>(3)增加了字符串运算符。</P> <P>4.函数调用：这点也和c语言类似，我用一个例题来说明：</P> <P> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "<A href="http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd</A>"><BR> <BR><html xmlns="<A href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</A>" xml:lang="en" lang="en"><BR><head><BR> <title>javascript求和</title><BR> <BR> <script type="text/javascript"><BR> <BR> function sum1(m){<BR> var i ,n=1;<BR> for(i=1;i<=m;i++){<BR> n=1/i*n;<BR> }<BR> return n;<BR> }<BR> function sum(n){<BR> var i,s=0;<BR> for(i=1;i<=n;i++){<BR> s=s+sum1(i);<BR> }<BR> alert(s);<BR> }<BR> <BR> </script><BR></head><BR><body><BR> <form action="#" method="get"><BR> 1+1/2!+1/3!+1/4!.....1/10!=<BR> <input type="button" value="求和" onclick="sum(10);" /><BR> </form></P> <P></body><BR></html></P> <P>这个题就是用函数调用的方式来求和，大家应该能看懂- -！我们的作业。</P> <P>好了，这就是这个星期我的总结，希望对大家有帮助，肯定不全面仅作参考！</P></span> </div> </div> </section> <footer class="footer_template"> <div class="w12_box"> <div class="clearfix"> <div class="l_item"> <img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt=""> <div class="f_icon"> <a href="https://www.facebook.com/"></a> <a href="https://telegram.org/"></a> <a href="https://www.tiktok.com/"></a> <a href="https://www.youtube.com/"></a> </div> </div> <div class="r_item"> <dl> <dt>Products & Services</dt> <dd><a href="javascript:;">Install APK</a></dd> <dd><a href="javascript:;">APK signature verification</a></dd> <dd><a href="javascript:;">APK Download Service</a></dd> </dl> <dl> <dt>Company</dt> <dd><a href="javascript:;">Developer Console</a></dd> <dd><a href="javascript:;">Submit APK</a></dd> <dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd> </dl> <dl> <dt>Legal</dt> <dd><a href="javascript:;">About us</a></dd> <dd><a href="javascript:;">Contact Us</a></dd> <dd><a href="javascript:;">Cooperation</a></dd> </dl> </div> </div> <p>© 2006-2024Copyright All rights reserves</p> </div> </footer>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//tongji.zhangwan.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5D64MDP2H8'); </script> </body> <script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script> </html>