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. html 固定长度 超出长度 显示省略号

    a{         width: 80px;/* 要显示文字的宽度 */         float: left;/* 左对齐,不设置的话只在IE下好用 */         overflow: h ...

  2. GoBelieve Android SDK接入备忘

    Android SDK版本 目前SDK只支持Android 2.2或以上版本的手机系统. AndroidManifest.xml配置 以下配置可以在IMDemo/AndroidManifest.xml ...

  3. rm -f + 文件名+* 与 rm -f + 文件名* 的不同效果,大坑呀。

    rm -f catalina.2018-10-22.*    与*号间无空格 rm -f catalina.2018-10-22. *    :多了空格:

  4. 牛客网NOIP赛前集训营-提高组18/9/9 A-中位数

    链接:https://www.nowcoder.com/acm/contest/172/A来源:牛客网 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 262144K,其他语言5242 ...

  5. spring配置多个视图解析

    <!-- 配置视图解析器 --> <bean class="org.springframework.web.servlet.view.InternalResourceVie ...

  6. 转:Java子线程中的异常处理(通用)

    引自:https://www.cnblogs.com/yangfanexp/p/7594557.html 在普通的单线程程序中,捕获异常只需要通过try ... catch ... finally . ...

  7. javascript--BOM的onload事件和onunload事件

    1.onload事件 onload,页面加载后执行,所谓页面加载完成,指页面上所有的元素创建完毕,引用的所有的外部资源(js.css.图片)等下载完毕. 所以onload执行的比较晚,因为如果页面上有 ...

  8. Symfony FOSUserBundle用户登录验证

    symfony是一个由组件构成的框架,登录验证的也是由一些组件构成,下面就介绍一下FOSUserBundle的使用. 以symfony 3.3为例, 首先我们需要先安装一下FOSUserBundle. ...

  9. Trie(字典树,前缀树)_模板

    Trie Trie,又经常叫前缀树,字典树等等. Trie,又称前缀树或字典树,用于保存关联数组,其中的键通常是字符串.与二叉查找树不同,键不是直接保存在节点中,而是由节点在树中的位置决定.一个节点的 ...

  10. mysql日志管理#慢日志详解

    MySQL的慢查询日志是MySQL提供的一种日志记录,它用来记录在MySQL中响应时间超过阀值的语句,具体指运行时间超过long_query_time值的SQL,则会被记录到慢查询日志中 long_q ...