【嘉兴东臣php】HTML+CSS+JS基础学习周总结

   第一周学习了XML CSS JS三大块的内容，本身对于这三大块的内容一开始只是模模糊糊的感受，基本写不出一个像样的注册登陆页面来.一个多星期的学习让我以为本身把零散的知识整合到一块儿。知道了XML就是标准化的HTML，HTML就是一个框架结构，而CSS就是表现形式，JS就是行为，三者合起来组成了一个很是炫酷的网页。

     第 二天老黄教了盒子模型。盒子模型最重要的三个元素：外边距+内边距+边框。其余包括定位，边框设置透明度（opacity:0.2）设置,层的设置（z- index:-1）,清除内边距、清除外边距 例如 body{margin:0px;padding 0px;}（基本上都是工做上的网站用法）.

     第三天学习了CSS部分的内容，绝对定位和相对定位是个很纠结的问题，不过纠结了一天终于中晚上搞定了。属性background-attachment:随背景图片滚动，fixed不滚动，scroll滚动，通常设置为fixed。

     第 四天学习了JS，JS是服务端不须要进行编译的脚本语言。学习了几种弹框的函数。null ，undefined ，NaN   一、获取不到这个相关属性值，好比找不到选择器里的值得时候。就会有null也就是空值。2.Undefined获取不到这个属性的时候，或者一个相关的 变量没有赋初始值就输出的时候。因此就会有Undefined的状况出现。三、NaN一般为在作运算符操做的时候，没法确认数值的时候（好比字符串和整形 相乘时），为NaN， 注意：+ 在操做字符串的是起的是连接的做用。

   第五天教的新内容很少，基本教的之前掌握了差很少，一天讲最多的就是流程控制，这种东西很容易把人绕进去，因此我以为学这块适合本身看书慢慢领悟，这样效率更高。

一.XHTML

一、XHTML 就是XML和HTML的结合体，X表明可扩展的。简单的说XHTML就是严谨规范化的HTML语言。
二、XML，XML实际上是一种标记性的语言。例如：
<break></break>,<hello><rose></rose></hello>
三、XHTML 有如下几个特性：
    一、有头就有尾，用<>表示出来。
    二、层次化的东西，必定要正确，不要颠倒。
    三、全部的属性和元素都要小写。
    四、空元素，也要有结束标签 例如<br/><hr/>
    五、多用ID，少用Name
四、visibility: hidden; 设置元素不可见
五、background-repeat:no-repeat  背景不重复
六、整理一个登陆页面完成的步骤(参照renren.com)：
    一、定义列表 <dl><dd></dd></dl>
    二、在列表的相关的项里面加入input 文本框
    三、设置文本框的样式，height,width,padding,margin,font-size等
    四、设置dd的样式
    width，height等。注意设置了dd样式必定也要算好input文本框的样式，由于dd里面嵌套了至少一个input
    五、接下来

的是按钮，按钮只须要遵照dd的基本样式，而且设置好背景颜色便可。
    六、验证码：注意验证码的dd列表，有两部分组成：文本框和验证码图片，注意分配宽度，另外，要想两个控制在一行，请设置验证码图片 float:right;另外须要注意：文本框不能太宽，可能会把验证码挤掉，最重要一点必定要限制dd的宽度，否则会在屏幕的最右边去了。
    七、边框，border，注意：设置相关的width和高度，另外最好设置一个背景图片或者颜色，最好设置一个内边距padding，由于边框和控件最好有距离。
    八、设置这个边框，float:right
    九、设置body的背景图片：background-image:(url:图片连接)。

二.CSS（盒子模型）

一、盒子模型
     盒子模型顾名思义就是像盒子，它包括，外边距(margin)，内边距(padding)，边框(border)，详细请参加firebug中的盒子模型的图例。
二、clear:both  清除浮动，因为float浮动会形成全部的元素都会在一行，所以清除的话可能会达到换行的效果。
三、opacity: 0.2(表示20%的透明度); 透明度，通常设置在层里。
四、z-index: 数字。数字越大，显示在越上层，能够表示负数。
五、border-top-style: 上边框的样式
     border-top-width: 上边距的粗细
     border-top-color: 上边框的颜色
     border-top: 上边框
六、border: 10px inset red; 综合设置，相关的样式 边框粗细，样式，颜色，注意只能综合设置，不能设置单一。
七、boder-style： dashed 虚线 dotted 点线
solid 实线 none 不显示
八、background-position: 2px 0px; 图片定位，注意两个参数表示为 x 和 y。注意设置这个块元素的宽和高。
九、font: 36px 微软雅黑; 设置字体的复合属性，大小和字体
十、负数之美：margin 是可使用负数，也就是相反的反向，padding 不可使用负数。
十一、清除内边距、清除外边距 例如 body{
     margin:0px;padding 0px;
}  （基本上都是工做上的网站用法）
十二、overflow: hidden; 当界面溢出以后的效果，hidden为隐藏，还有一种经常使用就是scroll
1三、margin: 0 auto 水平居中，可是要注意：由于设置的是外边距，所以最好是设置div里面的块元素。
1四、background-repeat:背景是否平铺。repeat 平铺，no-repeat 不平铺，repeat-x 横轴平铺，repeat-y 纵轴平铺

三：JS

学习JS，了解基本的JS语言。包括函数的定义，确认框和弹出框等等。原本对运算符的返回值有些懵懂，如今学过以后已经能够领悟。
今天还学了全局和局部变量的做用域。变量的定义以及常量。感受回到大一学C的状态。可是JS和C有些语法又不太同样，容易混淆，因此还得慎重对待学习，不能大意。

脚本语言:省略编译等过程的语言好比JS。

var 只是定义变量，不定义类型，由编译器定义类型
比较运算符比较时会尽可能转化成接近的类型进行运算

null ，undefined ，NaN
           一、获取不到这个相关属性值，好比找不到选择器里的值得时候。就会有null也就是空值。
           二、获取不到这个属性的时候，或者一个相关的变量没有赋初始值就输出的时候。因此就会有Undefined的状况出现。
           三、NaN一般为在作运算符操做的时候，没法确认数值的时候，为NaN， 注意：+ 在操做字符串的是起的是连接的做用。

若是强制让一个字符串运算的话，结果是NaN，就是特指未知的值。parseInt() 将其余类型转化为整型，注意转化整型是从左往右，取出所有的整型，当遇到第一个非整型的值时结束。如：“101a1” 取出的是 101