css&js 11.5

CSS部分

1.定位

    1)相对定位:元素根据原先所在的位置的左上角进行定位,定位之后元素保持原来的元素类型,偏移量top和bottom只能书写一个,left和right只能书写一个

    元素定位后原先的位置依然被占用;

   2)绝对定位:元素根据其定位过的最近的祖先元素的左上角进行定位,偏移量和相对定位一致,元素在定位之后不在保持原先的元素类型,不在占满一行

    漂浮在页面上原先的位置被其他元素按照文档流占据,如果元素的祖先没有被定位过,则根据body也就是浏览器页面进行定位,会出现严重问题

2.布局

    box-shadow:偏移量 颜色  添加阴影

    border-radius:15px; 圆形边框,对table无效

    list-style-type:none;  去掉列表徽记

JS部分

Js

        基本数据类型

            7种

                String 

                Number（范围2^53-1）

                Null

                Boolean

                Undefined

                Symbol （ES6新特性）表示一个独一无二的

                对象

                BigInt （ES10新特性）是对Number的补充

                用来表述2^53-1以外的数据精度

 

        引用数据类型

            1种

            Object对象

            由对象引出

            Array Function Math Date

            等内置对象

 

    类似css的内嵌式,直接将脚本代码书写在script标签内

    浏览器内置七对象:

        1)window:七对象中的顶层对象,其他六个对象都是此对象的子对象,window就表示当前窗口,window也是全局变量,所以window

        对象中的方法一般省略window

        2)document:表示页面的正文部分,提供了可以操作node节点元素的各种方法等

        3)history:表示浏览器的历史记录,缓存的等

        4)location:表示浏览器的地址栏信息等,一般负责跳转

        5)screen:表示用户当前打开的屏幕信息

        6)navigtor:浏览器信息,通过此对象可以侦测出当前浏览器使用何种品牌,版本,内核等

        7)frame:当前页面使用的一种老的框架,iframe的前身,目前已经被淘汰

onload:激发事件之一,表示全文加载无误

js中如何书写函数:

    function 函数名(形参){

        要执行的脚本,如果有返回值,用return

    }

alert()  弹出一个对话框,展示括号内的信息

在js中页面使用标签渲染的元素被称之为元素节点（Node）

       在js中可以通过js内置的选择器拿取这些节点      注意与CSS选择器毫无关系

onclick:激发时间,表示单击,给根据id拿取的元素节点绑定一个单击事件,单击事件激发后执行一个匿名函数

innterText:插入文本  ;  innerHtml:插入超文本

设置元素节点的样式:元素节点.style.样式名 = 样式值