马士兵html javascript css学习总结

HTML:
1>:html不区分大小写,但推荐用小写。
2>:定义CSS格式

用于定义脚本,Eg. Javascript

3>才常见标签:
超级链接,跳转到另一文件
文字

*标题字体大小-- #=1、2、3、4、5、6
*分隔线--

* :空格
*

:分段落现实
*
(一层) (行内块)
*分块显示:
(列表)

  • *符号列表:


  • *数字列表
    *
       换行
    *   不换行
    *
    保留原有格式
    
    *跑马灯效果
    *

    *

    *对齐—align






    ……
    取值:left right center top middle bottom
    *“”
    Src 图片路径,一般使用相对路径
    Alt 图片无法显示时显示的文字
    Border 边框的厚度
    Align = left right            top middle bottom 图文混排时用于和图片的对齐

    4>表单:……
    *的属性
    Method: (get post)
    Get 发送较少数据(256byte),显示在url中,url/userinfo?username=张三&password=hehe
    Post 数据长度无限制,不会显示在url中
    Action:Form中数据交给服务器端哪个程序进行处理
    *eg:……
    **位于之中,接收用户输入:
    格式:
    type:
    text radio checkbox password hidden select submit reset button textarea image
    name:
    提交到服务器端的变量的名字
    文本框 text

    maxlength – 最大字符长度
    size – 文本框宽度(字符)
    密码区域—特殊的单行文本输入框 password

    单选按钮

    典型用法 : 同一名字,不同的值
    错误的用法 : 不同的名字
    复选框

    典型的用法 : 同一name,不同的value
    隐藏域

    不显示在网页中
    通常用作向下一个页面传输已知信息或表单的附加信息

    *分块:
                     
    src=“c.htm”>   

    html中username表单的验证:


    js代码:
    function checkUserName(ssn){
    if( ssn.length<3 || ssn.length>18 ) {
    document.getElementById("usernameErr").innerHTML = "请输入正确的用户名,用户名长度为3-18位!";
    form.username.focus()
    return false;
    }




    CSS:(不用记忆,会改即可)
    1>字体属性:
    属性 含义 属性值
    font-family 字体 各种字体
    font-style 字体样式 italic、oblique
    font-variant 小体大写 small-caps
    font-weight 字体粗细 bold、bolder、lighter…
    font-size 字体大小 absolute、relative、%
    color 字体颜色 颜色值

    2>颜色与背景属性:
    属性 含义 属性值
    Color 颜色 颜色值
    Background-color 背景色 颜色值
    Background-image 背景图案 图片路径
    Background-repeat 背景图案重复方式 Repeat-x | repeat-y | no-repeat
    Background-attachment 背景的滚动 Scroll | fix
    Background-position 背景图案初始位置 % | n em | top | left | right | bottom

    3>文本属性:
    属性 含义 属性值
    word-spacing 单词间距 n em
    letter-spacing 字母间距 n em
    text-decoration 装饰样式 underline| overline| line-through| blink
    vertical-align 垂直方向位置 sub| super |top |text-top| middle| bottom| text-bottom
    text-transform 转为其他形式 capitalize| uppercase| lowercase
    text-align 对齐 left| right| center| justify
    text-indent 缩进 n em| %
    line-height 行高 pixels、n em、%

    4>边距属性:
    属性 含义 属性值
    margin-top 上边距 n em | %
    margin-right 右 n em | %
    margin-bottom 下 n em | %
    margin-left 左 n em | %

    5>边框属性:
    属性 含义 属性值
    Border-top-width 上边框宽度 n em | thin | medium | thick
    Border-right-width 右 同上
    Border-bottom-width 下 同上
    Border-left-width 左 同上
    Border-width 四边 同上
    Border-color 边框颜色 Color
    Border-style 边框样式 Dotted | dash | solid | double | groove | ridge | inset | outset
    Border-top|right|bottom|left 上(右|底|左)所有属性 Border-width | border-style | color

    6>图文混排:
    属性 含义 属性值
    Width 宽度 n em | %
    Height 高度 n em
    Float 文字环绕 Left | right
    clear 去除文字环绕 Left | right | both

    7>列表属性:
    属性 含义 属性值
    Display 是否显示 Block | inline | list-item | none
    White-space 空白部分 Pre | nowrap | normal(是否合并)
    List-style-type 项目编号 Disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none
    List-style-image 项目前图片 Img-url
    List-style-position 第二行位置 Inside | outside
    List-style 全部属性 Keyword | position | url

    8>鼠标属性:
    属性值 含义 属性值 含义
    Auto 自动 N-resize 上箭头
    Crosshair "+" Se-resize 右下
    Default 默认 Sw-resize 左下
    Hand 手形 S-resize 下箭头
    Move 移动 W-resize 左箭头
    E-resize 右箭头 Text "I"
    Ne-resize 右上 Wait 沙漏
    Nw-resize 左上 help 帮助



    JavaScript
    1>:JavaScript (ECMAScript)
    基础语法
    DOM
    Document Object Model
    BOM
    Brower Object Model

    2>:通过在网页中加入标记JavaScript的开始和结束,将JavaScript代码放到之间
    也可以引入一个外部的JavaScript文件,这个JavaScript文件一般以.js作为扩展名
    原则上,放在之间。但视情况可以放在网页的任何部分
    一个页面可以有几个








    6>:for…in循环语句
    In后跟一个对象,对此对象中的所有元素循环一次


    ***HTML、CSS、JavaScript学习重点掌握表单输入的判断**

    你可能感兴趣的:(JavaScript,HTML)