这一周咱们学习了XHTML、CSS、JS三大块内容,从简到难的学习过程,XHTML让我学到了各类各样的标签等等,css定义了标签元素的样式,js实现了弹窗、函数调用的效果。css
差很少这一周一直在作登录注册的页面,我以为我对于css的内容还不是特别熟练,各类对于样式的调试,div的运用仍是初出茅庐,js的话还能够,流程控制方面和c语言有些类似之处,因此掌握得还行。
函数
1、XHTML
一、XHTML 就是XML和HTML的结合体,X表明可扩展的。简单的说XHTML就是严谨规范化的HTML语言。
学习
二、XML,XML实际上是一种标记性的语言。例如:
<break></break>,<hello><rose></rose></hello>
三、XHTML 有如下几个特性:
一、有头就有尾,用<>表示出来。
二、层次化的东西,必定要正确,不要颠倒。
三、全部的属性和元素都要小写。
四、空元素,也要有结束标签 例如<br/><hr/>
五、多用ID,少用Name
四、dl dd dt 都是定义一个自定义列表的,参考之前学过的ul li,例如:
<dl>
<dt>你好</dt>
<dd>这是向你问好</dd>
<dt>你很好</dt>
<dd>这是说你人很好</dd>
</dl>
五、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:图片连接)。字体
2、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 纵轴平铺网站
1五、background-attachment:随背景图片滚动,fixed不滚动,scroll滚动,通常设置为fixed
1六、position:relative 相对定位,距离最近的元素标签的距离
position:absolute 绝对定位,距离body的距离url
3、JS
一、background-color:rgba(0,0,0,0.5); 设置DIV透明度
二、JS,JS是基于Web的网页端的脚本语言。
HTML是名词 ,CSS 是形容词,JS 是动词。
三、function 函数名(){ } 定义一个函数,函数名() 调用了一个函数
四、alert(“内容”); 警告框。
五、document.write("内容");写入一个内容,能够加入HTML代码
六、confirm(“内容”); 是确认框
七、window.close 关闭窗口 IE
八、关键字:又叫保留字,特指语言中内部所使用单词,这些单词禁止用来作 变量、常量或者函数的名字。
九、标识符:是告诉你 变量、常量或者函数的名字只能 字母、下划线、$符号开头。
十、转义符:能够常常用\ 转义某一个特殊符号 如" 能让脚本正常运行。
十一、变量:能够改变的量,如数值、字符串、浮点、布尔
变量用var申明。例如var a = 10;这就是告诉你,一个名字叫a的变量赋了一个初始值为10;注意10为整型。
十二、常量:不能改变的量,常量用const申明,例如:const b = 10;这就是告诉你,一个名字叫b的常量值为10,而且这个值不能改变,除非你销毁它。
1三、document.writeln("<pre>") 支持转义字符,如\n换行等,注意:必须在<pre> </pre> 之间写转义。
1四、undenfied 是指找不到某一个对象的属性或者某一个变量,没有赋初始值,如:var abc; alert( document.alert );
1五、null 是指空置,特指找到了属性,可是找不到或者获取不到值。因此为空。
1六、全局变量和局部变量,通常发生在做用域以内,全局变量通常是在函数的以外,局部的是在函数的里面的。全局变量能够做用于多个函数,可是局部只能做用于本身的函数里,不能去管别人。
1七、+ 在一般的状况下是表示字符串的链接符,例如:"a"+"b" 输出的就是ab,
1八、+ 在字符串和任何的类型都是链接符。
1九、+ 在整型之间的是作加法运算符。
20、其余的 - * / 都是运算符,可是注意:若是强制让一个字符串运算的话,结果是NaN,就是特指未知的值。
2一、parseInt() 将其余类型转化为整型,注意转化整型是从左往右,取出所有的整型,当遇到第一个非整型的值时结束。如:“101a1” 取出的是 101
2一、parseFloat() 将其余类型转化为浮点型。
2二、运算符分类
一、算术运算符:+ - * /
二、比较运算符:> < == >= <=
三、赋值运算符:a = b
四、逻辑运算符:&&(同时知足),||(或,知足一个),!(非,取反值)。
五、条件运算符:条件 ?条件成立 : 条件不成立
一、注意:比较运算符返回,布尔类型也就是true或者false。
二、注意:&&(与)运算符,若是两个数比较的话,返回后者,注意:同时知足才会知足。
三、注意:或运算符,若是两个数比较的话,或运算符的特色就是知足一个就是知足,后面的至关于不须要看,因此只要前面知足,返回就是前面后面。
2三、条件判断
一、第一种形式
if(条件){
}else{
}
二、第二种形式
if(条件){
}else if(条件){
}else{
}
三、第三种形式
if(条件){
if(条件){
}else{
}
}else{
}
spa