CSS 盒模型
2015-10-07 21:07
597 查看
[b]CSS 盒子模型[/b]
盒子内容--》盒子填充--》盒子边框--》盒子边距
每个属性又有上,下,左,右,是个部分。
content padding border margin
content = width * height
padding border margin都有 left, right, bottom, left.
width : <length> (px em) | <percentage> | auto | inherit
percentage, 大部分参照物是父元素。
盒子内容--》盒子填充--》盒子边框--》盒子边距
每个属性又有上,下,左,右,是个部分。
content padding border margin
content = width * height
padding border margin都有 left, right, bottom, left.
width : <length> (px em) | <percentage> | auto | inherit
percentage, 大部分参照物是父元素。
<style type="text/css"> div, span { background-color: #ccc; width: 50%; } span { width: 200px;} </style> <body> <div class="singal">singal</div> <br/> <span>inline</span>
相关文章推荐
- css选择器优先级
- 用css实现条纹背景
- css3 中的transition和transform
- css3
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- CSS,基本语法
- CSS3——旋转方块
- 一个神奇却很简单的css特效
- gurnt js css 压缩合并
- css position 应用(absolute和relative用法)
- 行内脚本的位置放置----css阻塞行内脚本
- 纯CSS3实现常见多种相册效果
- CSS里面的长度单位px/pt/em/in/pc/mm/cm解释
- 纯CSS3实现常见多种相册效果
- CSS
- ProgressBar自定义样式
- 批量下载css文件中的图片
- box-sizing 属性
- 我的Web学习之路3——去掉点击超链接时的虚线边框
- DIV CSS布局中绝对定位和浮动用法