黑马程序员技术交流社区

标题: 【石家庄校区】HTML,CSS,JavaScript技术点 [打印本页]

---

作者: 沉默之人    时间: 2018-1-17 15:57
标题: 【石家庄校区】HTML,CSS,JavaScript技术点

HTML:

* HTML的概述：

    * HTML：Hyper Text Markup Language.超文本标记语言

    * HTML就是由一组标签所组成的.

* HTML的字体标签:

    * <font>标签:

        * 属性：color,size,face

* HTML的排版标签:

    * h标签：标题标签.

    * p标签：段落标签.

    * b标签：加粗标签.

    * i标签：斜体标签.

    * u标签：下划线标签.

    * br标签：换行.

    * hr标签：水平线.

* HTML的图片标签:

    * img标签:

        * 属性:

            * src属性:图片的路径.

            * 相对路径:  ./ 代表当前目录   ../上一级目录   

            * width,height,alt.

* HTML的超链接标签:

    * a标签:

       * 属性：

            * href:链接的路径.

            * target:链接打开的方式. _self,_blank,_parent

* HTML的列表标签:

   　* 无序列表:<ul>

     * 有序列表:<ol>

* HTML的表格标签：

     * table标签:

         * tr标签：表格的行.

         * td标签：表格的列.

* HTML的表单标签：（*****）

     * form标签：

         * action属性：表单提交的路径

         * method属性：表单的提交的方式.

             * GET和POST：

                 * GET：地址栏上会显示提交的数据的信息,大小限制.

                 * POST：地址栏不会显示提交的数据的信息,没有大小限制.

    * <input>

        * type=”text”:文本框

        * type=”password”:密码框.

        * type=”radio”:单选按钮.

        * type=”checkbox”:复选框.

        * type=”file”:文件上传.

        * type=”hidden”:隐藏字段.

        * type=”submit”：提交按钮.

        * type=”reset”:重置按钮.

        * type=”button”:普通按钮.

        * type=”image”:图片按钮.

   * <select>:下拉列表.

   * <textarea>:文本区

* HTML的框架标签:

   * <frameset>

   * <frame>

CSS：

* CSS的概述：层叠样式表.

    * 修饰HTML的页面.使页面与样式分离.

* CSS的语法：

    * 选择器{属性名:属性值;属性名:属性值;...}

* CSS的引入方式：

    * 行内样式：在html元素上使用style属性设置

    * 内部样式：在html中使用<style></style>进行设置

    * 外部样式：定义一个css文件,在html中引入该文件.<link href=”” type=”” rel=””/>

* CSS的选择器：(****)

    * 元素选择器:

    * ID选择器：

    * 类选择器：

    * 后代选择器：

    * 子元素选择器：

* CSS的样式：

    * 文本

    * 背景

    * 字体

    * 列表

* CSS的盒子模型：

    * 内边距：padding

    * 边框：border

    * 外边距：margin

* CSS的悬浮和定位：

    * 悬浮：float属性设置悬浮.

    * 清除悬浮：clear属性清除.

    * 定位：position属性设置定位.

        * 使用left和top属性控制位置.

    * display属性：控制元素的显示方式：

        * block--显示的, none--隐藏的,inline--显示到一行.

JS:

* JS的概述：JavaScript运行在浏览器端脚本语言.

* JS的历史：由网景公司研发的.由ECMA组织统一标准:ECMAScript.

* JS的组成：ECMAScript，BOM，DOM.

* JS的语法：

    * JS的变量声明:

    * JS的数据类型：

        * 原始类型：undefined,boolean,string,number,null

        * 引用类型：

    * JS的运算符：

        * 与java中基本一致.有一个 === 类型与值都相同的情况下才会为true.

    * JS的语句：

        * 与Java中的语句一致.

* 简单的表单校验：

    * 正则的校验：使用String的match方法和正则中的test方法.

JavaScript

* JavaScript:基本使用:

   * ECMAScript:

       * 变量：弱变量类型: var i;

       * 数据类型:原始类型和引用类型.

       * 语句

       * 运算符

       * 对象:

           * String,Boolean,Date,Math,Number,正则...

       * 全局函数:eval(),encodeURI(),encodeURIComponent(),decodeURI(),decodeURIComponent(),parseInt(),parseFloat()

   * BOM:浏览器对象.

       * window:

       * Navigator:

       * Screen:

       * History:

       * Location:

   * DOM：文档对象.

       * 获得元素:

           * document.getElementById(),document.getElementsByName(),document.getElementsByTagName();

       * 添加元素:

           * element.appendChild(),element,insertBefore();

       * 删除元素:

           * element.removeChild();

       * 创建元素:

           * document.createElement(),document.createTextNode();

       * 修改元素值:

           * innerHTML属性:

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2