css有哪些常用 控件

html-css08

css有哪些常用 控件,第1张

css有哪些常用控件可以分为三类,即id选择器、class选择器、标签选择器。

用法如下:

#id名 { 属性名:属性值}

.class名 { 属性名:属性值}

标签名 { 属性名:属性值}

其中,他们之间又可以以不同的方式进行组合,如下:

后代选择器: 父代名 后代名 { 属性名:属性值}

子代选择器: 父代名>子代名 { 属性名:属性值}

群组选择器: #name1, .name2, #name div { 属性名:属性值}

伪类选择器: name:伪类

通用(通配符)选择器: * { 属性名: 属性值}

将插件下载下来后,你可以在页面里直接引入插件,比如:

<link href="插件css"/>

<script src="插件js"></script>

2. 也可以用node包去安装,然后用import 去引用

比如在vue里引入引入swiper:

安装:npm install vue-awesome-swiper --save

在main.js里全局注册:

Vue.use(VueAwesomeSwiper)

引入其css:

require('swiper/dist/css/swiper.css')

在模板里引入js:

import { swiper, swiperSlide } from 'vue-awesome-swiper'

在模板里注册组件:

components: {

swiper,

swiperSlide

}