前端基础语法

下面是前端最重要的基础语法。

js

1.变量和函数的定义

虽然也有new,但是var是最好用的。

    var num = 666;
    var str = "你好";
    var flag = true;
    var arr = ["Alice", "Bob", "Ami"];
    var obj = {
        name: "曹操",
        age: 24,
        sayHi : function(){
            console.log("hi");
        }
    };  
    var Sum = function(num1, num2) {
        return num1 + num2;
    };  

    function Sum(num1, num2) {
        return num1 + num2;
    };  

2.运算符的语法,控制流的语法,大部分和C#是一样的.

3.其他的不一样的像是什么------【二等号和三等号的区别】【NaN】【undefined】等等，遇到了就会知道了。

css

0.总体上

css是管前端样式的，主要是：位置，大小，形状，颜色，字体这些东西。

1.css的书写格式

选择器 {

属性名1:属性值1

属性名2:属性值2

}

2.css选择器

类选择器是个点，Id选择器是井号，元素选择器是元素名。

逗号表示并列，空格表示下级包含子孙，>表示下级含子不含孙。

冒号表示一种状态，例如hover。

3.css的position和display

position主要用来切换元素定位的原点，例如是把浏览器窗口A点当原点，还是把父元素的A点当原点。

display主要管元素是否占满一行。

定位position有：static,relative,absolute,fixed。

显示display有：block,inline,inline-block,none。

定位属性有：top,right,bottom,left,z-index,vertical-align,clip,overflow。------position和这些组合的效果是需要了解的。

4.css盒模型

盒模型属性有：width,height,margin,padding,border,line-height;

【position结合定位属性，dislay，再加上盒模型】，基本上能够描述出页面的大体布局来了。

5.其他常用属性

background,color,font。

html

1.总体布局和文件引入有关标签：html,head,body,title,div,span,link,style,script。

2.文章排版标签：h1,p,hr,a,br,img。

3.表格标签：table,tr,td,ol,ul,li。

4.表单标签：form,label,input,button,textarea,select。