文档章节

【嘉兴东臣php】HTML+CSS+JS周总结

M
 Mocha丶Ye
发布于 2015/12/13 22:30
字数 1921
阅读 28
收藏 1
点赞 0
评论 0

总结:

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


一:XHTML

   

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

        2、XHTML 有以下几个特性:

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

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

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

        d、空元素,也要有结束标签 例如<br/><hr/>

        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(盒子的标题)tabletr,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("<pre>") 支持转义字符,如\n换行等,注意:必须在<pre> </pre> 之间写转义

        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:在英文单词上的意思是继续,在程序中的意思是跳出当前循环,进入下一个循环。












© 著作权归作者所有

共有 人打赏支持
M
粉丝 0
博文 6
码字总数 8287
作品 0
嘉兴
【嘉兴东臣php】JS BOM和DOM学习周总结

一.集合 打印数组的两种方法: (未知长度) var list= [2,4,6,8,10]; for(var i=0;i<list.length;i++){ console.log(list[i]); } (超出数组长度,数组值为undefined) var list= [2,4,6,8...

林酥奇奥
2015/12/19
121
0
php, 不使用模板引擎,如何实现前端和后端协作?

看了一会smarty感觉有点难度,php,不使用模板引擎。 如何实现前端和后端协作?我想把后端的代码先写好,然后再来写前端的工作html+css+js。

Helloall
2014/08/03
2.7K
18
请问一个web开发的问题,请指点~

如何让前端html+css+js开发和后端php+pgsql开发结合起来???这两者要如何结合起来?新学,对这个有点模糊,请各位前辈指点。~

Helloall
2014/08/03
140
2
OSC 招聘( 0x12 期-那些小而美的公司 )

被彭博商业周刊称为「硅谷人脉王」的LinkedIn创始人里德·霍夫曼最著的书——《联盟》是一本谈论当今这个时代雇主与雇员的关系的书。当今时代的雇主和雇员是什么关系?即使再天真的雇员,也不...

oschina
2016/06/22
3K
3
适合初级前端程序员:闭包是什么?

是什么? 当一个嵌套的内部函数引用了外部函数的变量或者函数时,外部函数在执行时就产生了闭包 典型的闭包 将另一个函数作为另一个函数的返回值 将函数作为实参传递给另一个函数调用 闭包的...

IT智云编程
07/12
0
0
非技术问题,前辈们,帮忙解惑,感激不尽

我是一个大三的学生,明年四月份左右就要开始找实习了。 我之前做过一些正规项目主要有: 我用c#.net做过wp上的两个软件,参加过微软创新杯,后台是webservice,但是比赛结果不佳;还做过桌面...

GatsW
2013/11/03
1K
37
阿里巴巴在高校建新零售“黄埔军校”,改变95后的迷茫

“我从不想自己的未来,因为越想越怕。” 每到毕业季,大学校园里总是弥漫着一股莫名的焦虑感。不过,从今年开始,浙江三地来自同一个“基地”的95后毕业生,却比同龄人少了几分不安的情绪。...

技术小能手
05/10
0
0
Linux Crontab定时任务

一、说明 很多项目需要设置一定服务器的定时任务Crontab来实现一些脚本功能,所以在这里整理总结一下。 环境:linux + centos6.8 二、准备 1、查看服务器的crontab是否在服务器状态 service ...

霍比特人666
2017/08/09
0
0
莆田系医院名单

上海 上海市闵行区中医院 上海华美美莱整形医院 上海万众医院 上海安真医院 上海福华医院 上海玛丽女子医院 上海真爱女子医院 上海心脏病医院 上海五官科医院 上海远大心胸医院 上海仁爱医院...

kisshua
2016/05/03
6.9K
3
App跨平台开发框架分析

所谓的跨平台app开发就是一套代码写完以后可以多端发布运行到各个平台,比如:安卓、iOS、web。 原生开发是一对一的,安卓、iOS需要分别写两套代码,学习成本高、开发成本高、后期维护麻烦;...

yiranhaiziqi
2017/09/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

SpringBoot | 第十章:Swagger2的集成和使用

前言 前一章节介绍了mybatisPlus的集成和简单使用,本章节开始接着上一章节的用户表,进行Swagger2的集成。现在都奉行前后端分离开发和微服务大行其道,分微服务及前后端分离后,前后端开发的...

oKong
今天
4
0
Python 最小二乘法 拟合 二次曲线

Python 二次拟合 随机生成数据,并且加上噪声干扰 构造需要拟合的函数形式,使用最小二乘法进行拟合 输出拟合后的参数 将拟合后的函数与原始数据绘图后进行对比 import numpy as npimport...

阿豪boy
今天
1
0
云拿 无人便利店

附近(上海市-航南路)开了家无人便利店.特意进去体验了一下.下面把自己看到的跟大家分享下. 经得现场工作人员同意后拍了几张照片.从外面看是这样.店门口的指导里强调:不要一次扫码多个人进入....

周翔
昨天
1
0
Java设计模式学习之工厂模式

在Java(或者叫做面向对象语言)的世界中,工厂模式被广泛应用于项目中,也许你并没有听说过,不过也许你已经在使用了。 简单来说,工厂模式的出现源于增加程序序的可扩展性,降低耦合度。之...

路小磊
昨天
163
1
npm profile 新功能介绍

转载地址 npm profile 新功能介绍 npm新版本新推来一个功能,npm profile,这个可以更改自己简介信息的命令,以后可以不用去登录网站来修改自己的简介了 具体的这个功能的支持大概是在6这个版...

durban
昨天
1
0
Serial2Ethernet Bi-redirection

Serial Tool Serial Tool is a utility for developing serial communications, custom protocols or device testing. You can set up bytes to send accordingly to your protocol and save......

zungyiu
昨天
1
0
python里求解物理学上的双弹簧质能系统

物理的模型如下: 在这个系统里有两个物体,它们的质量分别是m1和m2,被两个弹簧连接在一起,伸缩系统为k1和k2,左端固定。假定没有外力时,两个弹簧的长度为L1和L2。 由于两物体有重力,那么...

wangxuwei
昨天
0
0
apolloxlua 介绍

##项目介绍 apolloxlua 目前支持javascript到lua的翻译。可以在openresty和luajit里使用。这个工具分为两种模式, 一种是web模式,可以通过网页使用。另外一种是tool模式, 通常作为大规模翻...

钟元OSS
昨天
2
0
Mybatis入门

简介: 定义:Mybatis是一个支持普通SQL查询、存储过程和高级映射的持久层框架。 途径:MyBatis通过XML文件或者注解的形式配置映射,实现数据库查询。 特性:动态SQL语句。 文件结构:Mybat...

霍淇滨
昨天
2
0
开发技术瓶颈期,如何突破

前言 读书、学习的那些事情,以前我也陆续叨叨了不少,但总觉得 “学习方法” 就是一个永远在路上的话题。个人的能力、经验积累与习惯方法不尽相同,而且一篇文章甚至一本书都很难将学习方法...

_小迷糊
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部