html css周志,【嘉兴东臣php】HTML+CSS+JS周总结

总结：

通过一个星期的学习，了解了XHTML与HTML的区别，学习了CSS+JS，对于这些感觉还不是特别熟悉，下面是我对一周所学所做的总结以及还不是很清楚的地方。

一：XHTML

1、XHTML 就是XML和HTML的结合体，XHTML就是严谨规范化的HTML语言。

2、XHTML 有以下几个特性：

a、有头就有尾，用<>表示出来。

b、层次化的东西，一定要正确，不要颠倒。

c、所有的属性和元素都要小写。

d、空元素，也要有结束标签 例如

---

e、多用ID，少用Name

3、visibility: hidden; 设置元素不可见

4、background-repeat:no-repeat  (背景不重复)

5、块级元素有：h1-h6(标题)，ol(有序列表)，ul(无序列表)，dl(定义列表)，li(列表子元素)，p(段落)，pre(预编排)，blockquote(引用块)，div(分区)，hr(水平线)，form(表单),fieldset(装表单元素的盒子),legend(盒子的标题)table，tr,td(用于显示多行多列的数据，tr标记分行，td标记数据单元)

二：CSS

1、盒子模型包括：外边距(margin)，内边距(padding)，边框(border) margin：0px 0px 0px 0px(上右下左)

2、clear:both  清除浮动，由于float浮动会造成所有的元素都会在一行，因此清除的话可能会达到换行的效果。

3、opacity: 0.2(表示20%的透明度); 透明度，一般设置在层里。

4、z-index: 数字。数字越大，显示在越上层，可以表示负数。

5、border-top-style: 上边框的样式

border-top-width: 上边距的粗细

border-top-color: 上边框的颜色

border-top: 上边框

6、border: 10px inset red; 综合设置，相关的样式 边框粗细，样式，颜色，注意只能综合设置，不能设置单一。

7、boder-style： dashed 虚线 dotted 点线 solid 实线 none 不显示

8、background-position: 2px 0px; 图片定位，两个参数表示为 x 和 y，设置这个块元素的宽和高。

9、font: 36px 微软雅黑; 设置字体的复合属性，大小和字体

10、margin 是可以使用负数，也就是相反的反向，padding 不可以使用负数。

11、清除内边距、清除外边距 例如 body{

margin:0px;padding 0px;

}

12、overflow: hidden; 当界面溢出之后的效果，hidden为隐藏，还有一种常用就是scroll

scroll 0% 0%

13、margin: 0 auto 水平居中，但是要注意：因为设置的是外边距，因此最好是设置div里面的块元素。

14、background-repeat:背景是否平铺。repeat 平铺，no-repeat 不平铺，repeat-x 横轴平铺，repeat-y 纵轴平铺

15、background-attachment:随背景图片滚动，fixed不滚动，scroll滚动，一般设置为fixed

16、position：relative 相对定位，距离最近的元素标签的距离

position：absolute 绝对定位，距离body的距离

相关距离设置：top / right / bottom / left

17、background-color:rgba(0,0,0,0.5); 设置DIV透明度

三：JS

1、function 函数名(){ } 定义一个函数，函数名() 调用了一个函数

2、alert(“内容”); 警告框。

3、document.write("内容")；写入一个内容，可以加入HTML代码

4、confirm(“内容”)； 是确认框

5、window.close 关闭窗口 IE

6、关键字：又叫保留字，特指语言中内部所使用单词，这些单词禁止用来做 变量、常量或者函数的名字。

7、标识符：是告诉你 变量、常量或者函数的名字只能 字母、下划线、$符号开头。

8、转义符：可以经常用\ 转义某一个特殊符号 如" 能让脚本正常运行。

9、变量：可以改变的量，如数值、字符串、浮点、布尔

double a=0.1 浮点

变量用var申明。例如var a = 10；这就是告诉你，一个名字叫a的变量赋了一个初始值为10；注意10为整型。             10、常量：不能改变的量，常量用const申明，例如：const b = 10；这就是告诉你，一个名字叫b的常量值为 10，并且这个值不能改变，除非你销毁它。

13、document.writeln("

") 支持转义字符，如\n换行等，注意：必须在

之间写转义。

14、undenfied 是指找不到某一个对象的属性或者某一个变量，没有赋初始值，如:var abc;  alert( document.alert );

15、null 是指空置，特指找到了属性，但是找不到或者获取不到值。所以为空。

16、全局变量和局部变量，一般发生在作用域之内，全局变量一般是在函数的之外，局部的是在函数的里面的。全局变量可以作用于多个函数，但是局部只能作用于自己的函数里，不能去管别人。

17、+ 在通常的情况下是表示字符串的连接符，例如："a"+"b" 输出的就是ab，

18、+ 在字符串和任何的类型都是连接符。

19、+ 在整型之间的是做加法运算符。

20、其他的 - * / 都是运算符，但是注意：如果强制让一个字符串运算的话，结果是NaN，就是特指未知的值。

21、parseInt() 将其他类型转化为整型，注意转化整型是从左往右，取出全部的整型，当遇到第一个非整型的值时结束。如：“101a1” 取出的是 101

21、parseFloat() 将其他类型转化为浮点型。

22、运算符分类

1、算术运算符：+ - * /

2、比较运算符：> < == >= <=

3、赋值运算符：a = b

4、逻辑运算符：&&(同时满足)，||(或，满足一个)，！(非，取反值)。

‍5、条件运算符：条件 ？条件成立 : 条件不成立‍

1、比较运算符返回，布尔类型也就是true或者false。

2、&&(与)运算符，如果两个数比较的话，返回后者，注意：同时满足才会满足。

3、或运算符,如果两个数比较的话，或运算符的特点就是满足一个就是满足，后面的相当于不需要看，所以只要前面满足，返回就是前面后面。

23、条件判断

1、第一种形式

if(条件){

}else{

}

2、第二种形式

if(条件){

}else if(条件){

}else{

}

3、第三种形式

if(条件){

if(条件){

}else{

}

}else{

}

24、超链接标签的href属性，如果暂时不需要跳转那么就一定要设置属性值为#,为防止点击后突然div“跳一下”，在#后面加入; 或者return false;

25、代码命名两种变量、函数命名规则：

1、下划线规则 如：login_message。

2、驼峰规则 如：loginMessage. 禁止用A1 A2...。

26、style 利用JS设置CSS样式 如document.getElementById("login_message").style.display = "none"；

27、

1、 if ... else

2、if ... else if ... else

3、++ 自增。例如 i++ 其实就等于 i = i+1;

++i 与 i++ 的区别：

a、++i:先++再赋值。

b、i++:先赋值再++。

4、while ：直到才。

while的基本写法：

while(条件){

循环操作

}

不要死循环，切记不到万不得已，不要写true。有个限制才会从while循环里出来。

5、do..while：也是循环写法和while的区别就是：

do..while 先执行一次再判断条件，while先判断条件，再看是否执行。

for( 初始值；条件 ；自增自减情况 ；){

}

注意嵌套for的情况，外面循环一次，里面的for要循环N次，N要自己算出来。

6、switch..case

在工业上，switch..case又叫菜单，选项。

例如：

switch(){

case 0:

case 1:

default:

}

注意：default用于默认情况，也就是都不满足的情况下执行。

break：在英文单词上的意思是打破，在程序中的意思是跳出当前循环。

contiue：在英文单词上的意思是继续，在程序中的意思是跳出当前循环，进入下一个循环。