07.css

07.css

逸云先生

October 15, 2019

1767 views

No comments

2230 words

Css笔记

flex续
    2>项目的属性
        order: 顺序，取值为整数，默认所有项目取值为0。取值越小越靠前

flex-grow:如果容器有剩余空间，定义项目的放大比例
            将剩余空间分配给具有此属性的元素，按比例分配

flex-shrink：如果容器有空间不足，定义项目的缩小比例
            默认每个项目取值都是1，
            取值为0，不压缩
        
        flex-basis：定义在主轴上的大小,可以覆盖width/height
            默认值，auto

flex：以上三个属性的综合，
            取值：
                eg:  3 2 auto
        
        align-self:设置当前这个项目的对齐方式，可以覆盖align-items
            取值：
                flex-start：在轴的起点对齐
				flex-end
				center 居中
				baseline  基线对齐
				stretch 如果项目未设置高度，将占满整个容器

////////////////////////////////////////////////////////
    js:网页的行为--交互
    html:网页的结构--内容
    css:网页的表现-- 样式 
JavaScript：专门负责编写网页交互行为的语言
    交互的步骤：
        1>数据的输入输出或者执行其他操作
        2>处理数据或操作请求
        3>返回处理结果
    JS历史：
        ECMAScript：由ECMA组织制定的国际标准

****JS特点：
        1：运行在脚本解释器中
            1>浏览器自带脚本解释器
            2>地理安装的js解释器

2:解释执行
            边解释边执行
            后解释的内容，会覆盖先解释的内容

3：弱类型
            声明变量时，不必提前声明变量数据类型
            一个变量先后可以保存不同类型的数据

4：面向对象

js的书写：2种
    1>在网页中用一对script标记，在标记内书写js代码
        <script>
            js代码
        </script>
    2>在独立的js文件中编写js代码，在需要引用的html中用script引入目标的js文件。通过src属性
        <script src="目标js文件的url"></script>

基本的语法要求：
   1：严格区分大小写
   2：没结束一句代码，以;结束。
   3：在js中字符串单双引号通用

数据（结果）的输出：
    1：向网页中输出,直接在浏览器窗口添加内容
        document.write(代码段)

2：弹出框--警告框
        alert(代码段);--简写
        window.alert();  --完整
    --特点:必须点击确定，程序才能继续，否则不继续

3：在控制台中输出：F12 / Ctrl+F12 / Fn+F12
        console.log(代码段)
    --特点：在控制台还可以直接书写js代码

输入：弹出框--输入框
        prompt();
        window.prompt();
    --特点：所有输入的数据，都以字符串形式保存

变量：一个可以改变的量
    作用： 在内存中 存储一个数据 的 存储空间
    使用：
        1>创建/声明 变量
            var 变量名;  变量一旦创建，会有一个默认值：undefined
        2>赋值
            变量名=值;
        3>在创建的同时赋值   --  推荐操作
            var 变量名=值;

注意：
        1>变量的命名：
            1.一般由数字、字母、下划线组成，不能以数字开头
            2.变量名不能是js中的关键词和保留词
            3.见名知义
            4.匈牙利命名法，大驼峰，小驼峰...
                
    简化操作：
        同时声明多个变量并赋值
            var 变量1=值,变量2;
                等价于：
                            var 变量1=值;
                            var 变量2;

Last modification：July 17, 2022