CSS学习笔记三_html/css_WEB-ITnose

CSS盒子模型:

早期的网页设计主要是表格,后来主要是div+css

盒子模型：

1.边框：border：

border-top、border-bottom、border-left、border-right

2.内边距：padding：

padding-top、padding-bottom、padding-left、padding-right

3.外边距：margin：

margin-top、margin-bottom、margin-left、margin-right

CSS的布局

语法：

float : none | left | right

取值：

none	:	默认值。对象不飘浮
left	:	文本流向对象的右边
right	:	文本流向对象的左边

语法：

clear : none | left | right | both

取值：

none	:	默认值。允许两边都可以有浮动对象
left	:	不允许左边有浮动对象
right	:	不允许右边有浮动对象
both	:	不允许有浮动对象

1号盒子
	
2号盒子
	
3号盒子

CSS的定位：

语法：

position : static | absolute | fixed | relative

取值：

static	:	默认值。无特殊定位，对象遵循HTML定位规则
absolute	:	将对象从文档流中拖出，使用 left ， right ， top ， bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index属性定义
fixed	:	未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative	:	对象不可层叠，但将依据 left ， right ， top ， bottom等属性在正常文档流中偏移位置

		
1号盒子
		
2号盒子
		
3号盒子
	
 

总结来说，如果外区域有定义过position，那么内区域定义的position属性值是针对外区域而言，如果没有那么内区域针对的是body而言

CSS的图文混排

		
			
 		
			这是一朵水仙花,呵呵呵呵呵呵呵呵呵呵呵呵呵呵asdsad最新的身份的广泛的广泛覆盖vbxcv大哥哥哥哥哥asdds的双方各持续持续持续弟弟！			撒反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复反反复复			反复！		
	  

  
   总结来说，如果外区域有定义过position，那么内区域定义的position属性值是针对外区域而言，如果没有那么内区域针对的是body而言  
  
   
  
  
   
  
  
   CSS图像签名  
  
   
  
  
   
    
         
    
        小狗    
   
csdn里的图片是图片文字可以一起保存的,这个图片保存的话,文字是保存不下来    
   
  
  
   

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。
相关文章
相关视频

• html下拉菜单文字怎么变小
• html5中元素能拉伸宽度吗
• HTML里怎么设置thead表头的颜色
• html5怎么创建跳转页尾超链接
• CSS学习笔记三_html/css_WEB-ITn...

• 依赖注入与服务容器01
• mvc架构模式运行原理
• 文件上传后端拦截03
• 文件上传后端拦截02