【嘉兴东臣php】html+css+js总结
【嘉兴东臣php】html+css+js总结
xiao时光 发表于2年前
【嘉兴东臣php】html+css+js总结
  • 发表于 2年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0

华为云·免费上云实践>>>   

摘要: 1、background-attachment:随背景图片滚动,fixed不滚动,scroll滚动,一般设置为fixed 2、position:relative 相对定位,距离最近的元素标签的距离 position:absolute 绝对定位,距离body的距离 相关距离设置:top / right / bottom / left

1、XHTML 就是XML和HTML的结合体,X代表可扩展的。简单的说XHTML就是严谨规范化的HTML语言。

2、XML,XML其实是一种标记性的语言。例如:
<break></break>,<hello><rose></rose></hello>

3、XHTML 有以下几个特性:
 1、有头就有尾,用<>表示出来。
 2、层次化的东西,一定要正确,不要颠倒。
 3、所有的属性和元素都要小写。
 4、空元素,也要有结束标签 例如<br/><hr/>
 5、多用ID,少用Name

4、dl dd dt 都是定义一个自定义列表的,参以前学过的ul li,例如:
  <dl>
     <dt>你好</dt>
     <dd>这是向你问好</dd>
     <dt>你很好</dt>
     <dd>这是说你人很好</dd>
  </dl>

5、visibility: hidden; 设置元素不可见
6、background-repeat:no-repeat  背景不重复

7、整理一个登录页面完成的步骤(参renren.com):
 1、定义列表 <dl><dd></dd></dl>
 2、在列表的相关的项里面加入input 文本框
 3、设置文本框的样式,height,width,padding,margin,font-size等
 4、设置dd的样式
 width,height等。注意设置了dd样式一定也要虑好input文本框的样式,因为dd里面嵌套了至少一个input
 5、接下来虑的是按钮,按钮只需要遵守dd的基本样式,并且设置好背景颜色即可。
 6、验证码:注意验证码的dd列表,有两部分组成:文本框和验证码图片,注意分配宽度,另外,要想两个控制在一行,请设置验证码图片float:right;另外需要注意:文本框不能太宽,可能会把验证码挤掉,最重要一点一定要限制dd的宽度,不然会在屏幕的最右边去了。
 7、边框,border,注意:设置相关的width和高度,另外最好设置一个背景图片或者颜色,最好设置一个内边距padding,因为边框和控件最好有距离。
 8、设置这个边框,float:right
 9、设置body的背景图片:background-image:(url:图片链接)。

 

1、盒子模型
  盒子模型顾名思义就是像盒子,它包括,外边距(margin),内边距(padding),边框(border),详细请参加firebug中的盒子模型的图例。

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

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

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

 

 

 

 

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

2、JS,JS是基于Web的网页端的脚本语言。
   HTML是名词 ,CSS 是形容词,JS 是动词。

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

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

5、document.write("内容");写入一个内容,可以加入HTML代码

6、confirm(“内容”); 是确认框

7、window.close 关闭窗口 IE

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

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

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

11、变量:可以改变的量,如数值、字符串、浮点、布尔
 变量用var申明。例如var a = 10;这就是告诉你,一个名字叫a的变量赋了一个初始值为10;注意10为整型。

12、常量:不能改变的量,常量用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{

  } 

 

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

2、代码命名一定要规范化,可以参两种变量、函数命名规则:1、下划线规则 如:login_message。 2、驼峰规则 如:loginMessage. 禁止用A1 A2...代替这样你会后悔的。

3、多看群共享里的帮助手册。老黄的推荐:当你学习了多门语言的时候,一定会有记不住的东西,那么问题来了:怎么办?参麦库、百度、最好的就是你的帮助手册。

4、参:innerHTML 为给某个块中加入HTML代码或者文字信息。如:document.getElementById("login_message").innerHTML="ABC";

5、参:.style 利用JS设置CSS样式 如document.getElementById("login_message").style.display = "none";

1、function 函数名(){ } 定义一个函数,函数名() 调用了一个函数
例如下例:调用了一个kk()的函数  

<script type="text/javascript">

 var a = 10;
 var b = 10;
 
function kk(){
var c = 10;
alert( a + c );
}
 alert( a + b);
 
 kk();
</script>

2、alert(内容)是打印出“内容”,警告框。

3、var是定义一个量。

4、document.write("内容");写入一个内容,可以加入HTML代码。

5、confirm(“内容”); 是确认框.

6、window.close 关闭窗口 IE。

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

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

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

9、变量:可以改变的量,如数值、字符串、浮点、布尔
 变量用var申明。例如var a = 10;这就是告诉你,一个名字叫a的变量赋了一个初始值为10;注意10为整型。

10、常量:不能改变的量,常量用const申明,例如:const b = 10;这就是告诉你,一个名字叫b的常量值为10,并且这个值不能改变,除非你销毁它。

11、document.writeln("<pre>") 支持转义字符,如\n换行等,注意:必须在<pre> </pre> 之间写转义。

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

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

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

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

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

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

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

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

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

21、运算符的分类:
  1、算术运算符:+ - * /
  2、比较运算符:> < == >= <=
  3、赋值运算符:a = b
  4、逻辑运算符:&&(同时满足),||(或,满足一个),!(非,取反值)。
  5、条件运算符:条件 ?条件成立 : 条件不成立

  1、注意:比较运算符返回,布尔类型也就是true或者false。
  2、注意:&&(与)运算符,如果两个数比较的话,返回后者,注意:同时满足才会满足。
  3、注意:或运算符,如果两个数比较的话,或运算符的特点就是满足一个就是满足,后面的相当于不需要看,所以只要前面满足,返回就是前面后面。

22、if条件判断:
  1、第一种形式 
  if(条件){
  
  }else{
  
  }

  2、第二种形式
  if(条件){
 
  }else if(条件){

  }else{

  }

  3、第三种形式
  if(条件){
   if(条件){

   }else{

   }  
  }else{

  }

23、“++”与“--”的运算:

         "++"与"--"其实算法是一样的,下面以"++"为例

            ++ 自增。例如 i++ 其实就等于 i = i+1;
            ++i 与 i++ 的区别:
            ++i:先++再赋值。
             i++:先赋值再++。

24、while的用法:

      while :直到才。
   while的基本写法:
    while(条件){
     循环操作
    }
    注意:不要死循环,切记不到万不得已,不要写true。有个限制才会从while循环里出来。

  do..while:也是循环写法和while的区别就是:
   do..while 先执行一次再判断条件,while先判断条件,再看是否执行。

25、for循环:

  for( 初始值;条件 ;自增自减情况 ;){
    
  }
  注意嵌套for的情况,外面循环一次,里面的for要循环N次,N要自己算出来。

26、switch 和case:

switch(){
   case 0:
   case 1:
   default:
  }

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

27、js中的注释:

     单行注释以双斜杠开头(//)

     多行注释以单斜杠和星号开头(/*),以星号和单斜杠结尾(*/)


 

 

  个人总结:简单来说,CSS是形容词,JS是动词。CSS做好页面,JS设置动态,我们在老黄的带领下,完成了百度的注册页面,新浪的登录页面等。  CSS中,Margin和Padding是改变边距,float浮动。还有background属性,等等很多东西,JS讲的主要是alert弹出框以及confirm框之类的,还有主要的循环语句,for 循环是重中之重。很多很多要记要掌握的内容,让我这个礼拜很充实。

 

 

 

 

 

 

 


 

 

 

 

 

 

 

 

 

 

 

共有 人打赏支持
粉丝 0
博文 6
码字总数 9880
×
xiao时光
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: