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. VS Code 中 HTML 文档注释 js 语句异常

    今天用 VS Code 编辑 html 文档时,发现快捷键注释 js 代码显示成 “<!--  …… -->”,怀疑是不是因为安装了某个插件,随后排查出系 Jinja 所致,将其禁用之后就 ...

  2. 关于java中Exception异常

    一.理解异常及异常处理的概念 异常就是在程序的运行过程中所发生的不正常的事件,它会中断正在运行的程序. 异常不是错误 程序中关键的位置有异常处理,提高程序的稳定性 二.掌握Java异常处理机制 Jav ...

  3. dijkstra 最小费用最大流

    前言:众所周知:spfa他死了 滑稽 dijkstra同样为最短路算法,为什么不能跑费用流qwq 好像是因为有负权边的缘故 但是如果我们如果使用某种玄学的将边权都拉回到正数的话 就可以跑了dijkst ...

  4. css ul dl dt 表格分页 文本框样式

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  5. select 文字右对齐

    select { direction: rtl; } select option { direction: ltr; }

  6. JavaScript监控输入框字数变化,超出限制则禁止输入

    JavaScript监控输入框字数变化,超出则禁止输入 不废话,给你看看效果: 1.无输入状态: 2.输入三个字符: 3.超出5个后报错: 现在粘出代码,首先是html代码: <body> ...

  7. oracle-sql脚本导出EXCEL数据

    在数据库中,经常有业务人员提出需求导出数据库中的业务数据,而且是每天.每周或每月定时导出.为了方便,可将sql查询的脚本 通过下面脚本来导出EXCEL数据. 1.将查询sql脚本(AAA.sql)放到 ...

  8. Plupload使用API

    Plupload有以下功能和特点: 1.拥有多种上传方式:HTML5.flash.silverlight以及传统的<input type=”file” />.Plupload会自动侦测当前 ...

  9. 并查集(union-find sets)

    一.并查集及其优化 - 并查集:由若干不相交集合组成,是一种简单但是很好用的数据结构,拥有优越的时空复杂性,一般用于处理一些不相交集合的查询和合并问题. - 三种操作: 1.Make_Set(x) 初 ...

  10. jQuery做一个小小的移动图片的位置

    样式图点击按钮移动: jQuery代码如下: $(function () { //上            $("#btnUp").click(function () { var ...