python打印机html css_Python 一路走来 HTML CSS Javascript

前端三把利器

HTML

-标签 (成对写不容易忘记闭合)

自闭和标签

标签里写个 xx=xx, 表示标签的属性

注释

Head:

Meta(metadata information)

提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词

1. 页面编码(告诉浏览器是什么编码)

< meta http-equiv=“content-type” content=“text/html;charset=utf-8”>

2刷新和跳转

< meta http-equiv=“Refresh” Content=“30″>

< meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />

3关键词

< meta name="keywords" content="星际2,星际老男孩,专访,F91,小色,JOY" >

4描述

例如：cnblogs

5 X-UA-Compatible

Title

网页头部信息

Link

css

< link rel="stylesheet" type="text/css" href="css/common.css" >

icon  (title框里)

< link rel="shortcut icon" href="image/favicon.ico">

Style

在页面中写样式

例如：

< style type="text/css" >

.bb{

background-color: red;

}

< /style>

Script

引进文件

< script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js">

写js代码

< script type="text/javascript" > ...

HTML

常用标签

h,p,br: id

a: id  href target

div:id

大致分类：

块标签 (自己占一行)

内连(行内)标签 (内容有多少就占多少)

特殊符号有特殊代码展示

标签：

段落：

换行:

属性：

跳转2

a锚

(寻找页面中id=i1的标签，将其标签放置在页面顶部，id不允许重复)

标题:

H1

H2

….

H6

---

生成横线

标签可以嵌套

系列标签:

text

password

radio

checkbox

file

button 按钮

submit     提交当前表单       value：显示的字

reset          重置表单

-option  提交时候也用value,可以节省

-optgroup

-多行文本

  action=“url”要提交的内容放置在form标签中 上传文件注意加上：enctype=“multipart/form/data"

name相当于提交 key:value, name是key，输入是value

提交checkbox,radio 等选择时要写 value, 默认会出现不可预知的错误

关联光标 id

ul

,ol,dl

Table:

colspan 合并单元

rowspan 合并单元

第一列第二列

第一列第二列

fieldset

iframe

CSS

存在形式:

优先级:

标签属性  >html头部(

选择器

标签选择器

div选择器

id选择器

class选择器

层级选择器

组合选择器

样式

.c1{

color: red;

background-color: aqua;

font-size:32px;

height: 150px;

width: 500px;

}

.img{

background-image: url("4.gif");

height:150px;

width:500px;

/*图片的凿洞才能看见*/

background-repeat: no-repeat;

background-position: 84px -58px;

}

边框

border(-top/left/right bottom)  px solid/dotted/ color

展示 display

display:none  (隐藏标签)

display:block (内连变块级)

display:inline (块级变内连)

纯内连标签高度宽度不生效

cursor:

pointer

help

wait

crosshair

move

边距：

内边距 margin (本身不增加)

外边距 padding (本身增加)

漂浮：

float

position:

relative  和absolute配合

absolute －－固定窗口，滚动移动，会寻找父级的absolute

fixed  －－固定 窗口

一、“JavaScript中无块级作用域”

在Java或C#中存在块级作用域，即：大括号也是一个作用域。

 Java

 C#

在JavaScript语言中无块级作用域

补充：标题之所以添加双引号是因为JavaScript6中新引入了 let 关键字，用于指定变量属于块级作用域。

二、JavaScript采用函数作用域

在JavaScript中每个函数作为一个作用域，在外部无法访问内部作用域中的变量。

三、JavaScript的作用域链

由于JavaScript中的每个函数作为一个作用域，如果出现函数嵌套函数，则就会出现作用域链。

如上述代码则出现三个作用域组成的作用域链，如果出现作用域链后，那么寻找变量时候就会出现顺序，对于上述实例：

当执行console.log(xo)时，其寻找顺序为根据作用域链从内到外的优先级寻找，如果内层没有就逐步向上找，直到没找到抛出异常。

四、JavaScript的作用域链执行前已创建

JavaScript的作用域在被执行之前已经创建，日后再去执行时只需要按照作用域链去寻找即可。

示例一：

上述代码，在函数被调用之前作用域链已经存在：

全局作用域 -> Func函数作用域 -> inner函数作用域

当执行【ret();】时，由于其代指的是inner函数，此函数的作用域链在执行之前已经被定义为：全局作用域 -> Func函数作用域 -> inner函数作用域，所以，在执行【ret();】时，会根据已经存在的作用域链去寻找变量。

示例二：

上述代码和示例一的目的相同，也是强调在函数被调用之前作用域链已经存在：

全局作用域 -> Func函数作用域 -> inner函数作用域

不同的时，在执行【var ret = Func();】时，Func作用域中的xo变量的值已经由 “eric” 被重置为 “seven”，所以之后再执行【ret();】时，就只能找到“seven”。

示例三：

上述代码，在函数被执行之前已经创建了两条作用域链：

全局作用域 -> Bar函数作用域

全局作用域 -> Func函数作用域

当执行【ret();】时，ret代指的Bar函数，而Bar函数的作用域链已经存在：全局作用域 -> Bar函数作用域，所以，执行时会根据已经存在的作用域链去寻找。

五、声明提前

在JavaScript中如果不创建变量，直接去使用，则报错：

JavaScript中如果创建值而不赋值，则该值为 undefined，如：

在函数内如果这么写：

上述代码，不报错而是输出 undefined，其原因是：JavaScript的函数在被执行之前，会将其中的变量全部声明，而不赋值。所以，相当于上述实例中，函数在“预编译”时，已经执行了var xo；所以上述代码中输出的是undefined。