table  ----> 展示数据

table  ---》表格   border  cellspacing  cellpadding  width  height 

tr ---》行 align

th ---》 加粗  居中  

td ---》 colspan  rowspan

form  ----》 注册  登录

form  action  method  enctype

input ----》 表单项

  属性: type: text  password  radio  checkbox  submit  button  reset  hidden file  date  time  color  range

select --- option  

textarea 文本域

css

选择器:标签  class  id选择器

添加样式方式:

1.行内

2.内嵌

3.外部

常用的样式属性:

背景  文本  字体
css 样式:

1.盒子模型:

width height  border  padding(内容距离边框的距离) margin(外边距)

border  padding(内容距离边框的距离) margin(外边距)

border:

border-right:1px solid red

border-left:1px solid blue

border: 1px solid blue

border-width:2px

border-style:solid (dashed  dotted  double )

border-color:red | #ff0000 | rgb(255,0,0)

padding:

padding-top: 2px

padding: 2px 5px

padding: 1px 2px 3px

padding: 1px 2px 3px 4px

同理margin

浮动:

float:left|right|none

只要是浮动的元素,没有block特点

图文混排   导航栏   布局

清除浮动

定位:

position:relative   absolute   fixed

top  left  bottom  right

今天:

css3:动画

js:

变量:var index=0

数据类型:Number string boolean object undefined

运算符: ++ --   &&   ||    条件?真:假

语句:

if(){}

if(){}else{}

if(){} else if(){} else if(){} ..else{}

switch...case

循环:

for(var i=0;i<10;i++){}

while(a>10){}

continue  break

函数:

function 函数名(){

    函数体

}

有参数和无参数

有返回值和无返回值

结合事件: onclick事件

找对象: document.getElementById('d1')

对象.style.backgroundColor='red'

BOM

linux学习笔记---学习总结②的更多相关文章

  1. 【MarkMark学习笔记学习笔记】javascript/js 学习笔记

    1.0, 概述.JavaScript是ECMAScript的实现之一 2.0,在HTML中使用JavaScript. 2.1 3.0,基本概念 3.1,ECMAScript中的一切(变量,函数名,操作 ...

  2. php学习笔记——学习路线图记录

    PHP学习路线图 最全PHP自学指南 W3Cschool小编 2018-04-24 15:23:51 浏览数 (5381) 分享 收录专辑 对于广大零基础的PHP自学者,往往不知道如何系统的学习PHP ...

  3. 《MarkMark学习笔记学习笔记》html学习笔记

    iframe里有一个srcdoc属性,很有用! window.location.href=document.referrer//可以实现返回上一级页面并刷新 HTML5权威指南©®,比较老的书了,有些 ...

  4. python学习笔记-学习大纲

  5. NVelocity模板引擎学习笔记

    NVelocity模板引擎学习笔记 学习模板引擎有一段时间现在做一些总结

  6. LwIP学习笔记——STM32 ENC28J60移植与入门

    0.前言     去年(2013年)的整理了LwIP相关代码,并在STM32上"裸奔"成功.一直没有时间深入整理,在这里借博文整理总结.LwIP的移植过程细节很多,博文也不可能一一 ...

  7. 【Visual C++】游戏编程学习笔记之三:游戏循环的使用

     本系列文章由@二货梦想家张程 所写,转载请注明出处. 本文章链接:http://blog.csdn.net/terence1212/article/details/44208419 作者:Zee ...

  8. JMeter接口学习笔记2017

    协议学习地址:http://www.cnblogs.com/TankXiao/archive/2012/02/13/2342672.html 本篇学习笔记来自于慕课网上学习JMeter的学习笔记 学习 ...

  9. re学习笔记

    re学习笔记 学习链接: https://regexlearn.com/zh-cn/learn \w: 数字字母下划线 \W: 非\w \d \D: !\d \s: space cha \S: !\s ...

随机推荐

  1. SpringMVC学习记录三——8 springmvc和mybatis整合

    8      springmvc和mybatis整合 8.1      需求 使用springmvc和mybatis完成商品列表查询. 8.2      整合思路 springmvc+mybaits的 ...

  2. 如何学好Spring

    要学好Spring,首先要明确Spring是个什么东西,能帮我们做些什么事情,知道了这些然后做个简单的例子,这样就基本知道怎么使用Spring了.Spring核心是IoC容器,所以一定要透彻理解什么是 ...

  3. FileUpload框架实现文件上传(多个文件)和下载

    一.文件上传: 对于大文件执行下面的代码之间卡死 package com.example.web.service.servlet; import java.io.File; import java.i ...

  4. vue watch数组或者对象

    1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console. ...

  5. JavaScript:改变 HTML 内容

    使用Javascript来处理HTML元素的内容是非常强大的功能. <!DOCTYPE html><html><head><meta http-equiv=& ...

  6. android SQLITE的基本使用总结(八)

    sharedPreferences只适合存储比较简单的数据和键值对,支持不同的数据类型 文件存储连键值对都没有,不会进行任何格式化处理,存储简单的二进制或者文本数据 sqlite则能处理一些数据量大, ...

  7. js中的AJAX

    AJAX:Asynchronous JavaScript and XML.意思就是用JavaScript执行异步网络请求. 如果仔细观察一个Form的提交,你就会发现,一旦用户点击Submit按钮,表 ...

  8. SQL on&where&having

    on.where.having这三个都可以加条件的子句中,on是最先执行,where次之,having最后.有时候如果这先后顺序不影响中间结果的话,那最终结果是相同的.但因为on是先把不符合条件的记录 ...

  9. UIlable上下居中

    - (void)setView{ self.chooseImg = [[UIImageView alloc] initWithFrame:CGRectMake(TO_LEFT_D, (ROW_HEIG ...

  10. view围绕圆心自转

    创建一个image UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(, , , )]; imgView.ima ...