css(一)：基本样式学习

【新睿云 】云服务器0元/年 >>>   

环境

• webStrom
• 谷歌浏览器

基本属性

background

background-size: contain： 保持背景图片比例 conver: 铺满控件

margin: 10px 5px 15px 20px; 位置：上 右 下 左 10px 5px 15px; 位置：上（左右）下 10px 位置：（上下左右）

备注：android是左上右下，不一样，尴尬

position: relative: 相对布局 absolute: 绝对布局 inherit: 继承父类 initial: 默认值

注意：position配合left,top使用查询效果

class 属性设置

注：一个控件，可以有多个class,用空格间隔

切换class属性

操作示例(jquery中)：切换class属性为switch的控件的 属性(适用于开关)

方式一：

$(".switch").removeClass("fa-play").addClass("fa-pause");

方式二：

$(".switch").toggleClass("fa-play fa-pause");