前端基础笔记09
来源:互联网 发布:仿模板天空 源码 编辑:程序博客网 时间:2024/06/05 19:37
一、透明度
1、如果定位的盒子没有宽高,那么默认宽高为0
2、如果给子盒子设置宽为100%,那么子盒子的宽与父盒子一样宽
3、透明度
opacity:不透明度
赋值 :opacity:0.5
取值 ;在0-1之间的小数
这个属性ie6不支持,如果在ie6中设置透明,要用:
filter:Alpha(opacity=50);
二、margin补充:
1、float:left 会改变元素的显示方式:inline-block
此时margin-left:auto或者margin-right:auto 不会将全部默认的margin赋给margin-left
或者margin-right
2 margin-right: auto;
作用:如果不设置其它属性只设置这个属性,
那么浏览器在解析的时候会将一个盒子的所有的默认的margin全部给margin-right
3、margin设置为负数:
如果margin-left设置为负数,那么将来这个盒子会向左方向移动。
如果margin-right设置为负数,那么盒子会向右移动。
03margin为负数的应用.html中会有压线现象,可通过position:relative解决
1、如果定位的盒子没有宽高,那么默认宽高为0
2、如果给子盒子设置宽为100%,那么子盒子的宽与父盒子一样宽
3、透明度
opacity:不透明度
赋值 :opacity:0.5
取值 ;在0-1之间的小数
这个属性ie6不支持,如果在ie6中设置透明,要用:
filter:Alpha(opacity=50);
二、margin补充:
1、float:left 会改变元素的显示方式:inline-block
此时margin-left:auto或者margin-right:auto 不会将全部默认的margin赋给margin-left
或者margin-right
2 margin-right: auto;
作用:如果不设置其它属性只设置这个属性,
那么浏览器在解析的时候会将一个盒子的所有的默认的margin全部给margin-right
3、margin设置为负数:
如果margin-left设置为负数,那么将来这个盒子会向左方向移动。
如果margin-right设置为负数,那么盒子会向右移动。
03margin为负数的应用.html中会有压线现象,可通过position:relative解决
阅读全文
1 0
- 前端基础笔记09
- 前端基础笔记
- 前端基础复习笔记
- 前端基础笔记01
- 前端基础笔记02
- 前端基础笔记03
- 前端基础笔记04
- 前端基础笔记05
- 前端基础笔记06
- 前端基础笔记07
- 前端基础笔记08
- 前端基础笔记10
- 前端基础笔记11
- 前端面试基础笔记
- 前端基础HTML 笔记
- 前端基础 css笔记
- 前端基础笔记
- 【前端学习笔记】JS基础
- BZOJ 3715: [PA2014]Lustra
- 《算法分析与设计》Week 11
- leetcode.303.Range Sum Query
- 获取屏幕宽高的三种方式
- Java8新特性函数式接口
- 前端基础笔记09
- C语言——数组,函数,指针
- POJ3253 Round Numbers + HDU2089 不要62 —— 数位DP
- hdu 2089 垃圾题目毁我青春
- 堆排序
- unity实现第三视角跟随物体运动
- java8新特性之一:接口的增强
- 问题:京东API接口调用,及搜索接口keyword传值问题
- jquery