设置背景样式,CSS三大属性,显示、隐藏元素,透明度,用户界面

6.12

背景

.box{
background-color:#f0f;  //背景颜色
background-image:url('') //背景图
background-repeat:no-repeat;  //背景平铺
background-size:100% 100%  //背景大小
background-position:bottom left;  //背景位置
background-attachment:scroll;  //背景固定  fixed  scroll

overflow:hidden;  //溢出隐藏
overflow:auto;   //自适应滚动条
overflow:scroll;  //滚动条
}

CSS的三大特性

1、层叠性:就近原则
2、继承性:继承父类
3、优先级:
     !important > 行内 > id选择器 > 类名选择器 > 标签选择器 > 通配符 > 继承

显示和隐藏元素、透明度

     (不占位置)
     display:none;  //隐藏
     display:block; //显示
     (占位置)
     visibility:hidden; //隐藏
     visibility:visible; //显示
     (透明度 0-1)
     opacity:1;

用户界面样式

鼠标样式:pointer move text wait
去除输入框上的黑框:outline:none;
防止拖拽文本域:resize:none;
垂直对齐:vertical-align:top;  middle  bottom
消除行内块元素的影响:font-size:0;
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值