CSS+vue.js

一、CSS

层叠样式表

作用：对html控件进行样式修饰，让html页面更加好看

<style>
p {
/*设置字体颜色*/

color: red;
/*设置字体大小*/

font-size: 30px;
}
</style>

选择器＋{一条/N条声明}
选择器决定针对谁修改(找谁)

声明决定修改啥.(干啥)
声明的属性是键值对.使用;区分键值对,使用:区分键和值.
注意:
CSS要写到style标签中后面还会介绍其他写法)

style标签可以放到页面任意位看,一般放到head标签内.
CSS使用/**/作为注释.(vsCode使用ctrl+/快速切换)．

html+css：是一个静态的页面，不会动态变化的固定的页面

二、vue.js

Javascript脚本语言

作用：动态的控制页面的渲染，让页面动起来

vue.js: js是一门语言，vue.js就好比是一门语言中的一个库，提供更加简便的接口来实现复杂功能

<!--开发环境版本，包含了有帮助的命令行警告
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!--生产环境版本，优化了尺寸和速度
<script src="https: / / cdn.jsdelivr.net/npm/vue"></script>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app = new vue({
            el: '#app',//选择器名称
            data: {
            message :' hello',
            },
        });

    </script>

F12控制台命令