5.指定样式style的几种方式

作者: 前端无聊 | 来源:发表于2019-08-13 18:12 被阅读0次

5.指定样式style的几种方式
4C引用·选择器·伪类·css颜色·溢出·尺寸·倒角·边框阴影·
CSS
CSS基础
CSS 基础
JavaScript中的DOM4高级
css基础
css基础
CSS基础 --2018/08/13
css入门

1.指定样式style的方式:

<body>
  <div id="app">
    <!-- 对象就是无序键值对的集合 -->
    <!-- <h1 :style="styleObj1">这是一个h1</h1> -->

    <h1 :style="[ styleObj1, styleObj2 ]">这是一个h1</h1>
  </div>

  <script>
    // 创建 Vue 实例，得到 ViewModel
    var vm = new Vue({
      el: '#app',
      data: {
        styleObj1: { color: 'red', 'font-weight': 200 },
        styleObj2: { 'font-style': 'italic' }
      },
      methods: {}
    });
  </script>
</body>

5.指定样式style的几种方式
1.指定样式style的方式:
4C引用·选择器·伪类·css颜色·溢出·尺寸·倒角·边框阴影·
CSS概述 CSS的作用引入CSS的几种方式1.标签内引用style:style="样式名:样式值;..."2....
CSS
1.css有几种编写的方式？内联样式：使用style属性声明在元素中内部样式: 外部样式：引入方式使用的规...
CSS基础
CSS全称层叠样式表（Cascading Style Sheets） CSS的几种引入方式行间样式(写在html...
CSS 基础
CSS的全称是什么? Cascading style sheets 层叠样式表 CSS有几种引入方式? 内联样式：...
JavaScript中的DOM4高级
访问元素样式（style对象） Style对象代表一个单独的样式声明。通过style样式获取style特性中指定的...
css基础
css的全称： cascading style sheets 层叠样式表 CSS有几种引入方式? link 和@...
css基础
CSS全程是什么 css全称：层叠样式列表（cascading style sheets） CSS引入方式有几种？...
CSS基础 --2018/08/13
CSS全称 Cascading Style Sheets 层叠样式表 CSS有几种引入方式？link和@impo...
css入门
CSS全称 Cascading style Sheets, 层叠样式表 CSS有几种引入方式? link 和@im...