探究四大CSS属性用法

本文和大家重点讨论一下CSS属性中四个属性的用法，它们分别是DIV绝对定位属性，z-index属性，overflow属性和clip属性，每个属性都有各自的特点和作用，相信通过本文的介绍你对它们的用法会有一个全面的认识。

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、做网站、新罗网络推广、重庆小程序开发、新罗网络营销、新罗企业策划、新罗品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供新罗建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

四大CSS属性用法

◆DIV绝对位置属性：

CSS属性种DIV绝对位置属性有四个属性：top、right、bottom和left，属性值为长度单位或百分数：

属性名称:'top'、'right'、'bottom'、'left'

属性值:auto

初始值:none

适合对象:所有元素

是否继承:no

百分比备注:被禁止

利用以上属性，用户就可以精确定义元素的位置，如：

 
 
   
  
     
  
  Iusedtworedhyphenstoserveasachangebar.They    
  
  will"float"totheleftofthelinecontainingTHIS    
  
    
  
  
left:0px;color:red;">--   
  
  word.

◆z-index属性：

在CSS中允许元素的重叠显示，这样就有一个显示顺序的问题，CSS属性中的z-index属性描述了元素的前后位置，如果把电脑屏幕看作X-Y平面的话，那么Z轴就是垂直于屏幕的，z-index使用整数表示元素的前后位置，数值越大，就会显示在相对靠前的位置，并且CSS同意在z-index中使用负数。

属性名称:'z-index'

属性值:auto

初始值:auto

适合对象:使用position属性的元素

是否继承:no

百分比备注:被禁止

◆overflow属性：

在规定元素的宽度和高度时，如果元素的面积不足以显示全部内容的话就要用到CSS属性中的overflow属性：

属性名称:'overflow'

属性值:visiblehiddenscrollauto

初始值:visible

适合对象:元素的position属性

是否继承:no

百分比备注:被禁止

属性值含义如下：

visible：扩大面积以显示所有内容。
hidden：隐藏超出范围的内容。
scroll：在元素的右边显示一个滚动条。
auto：当内容超出元素面积时，显示滚动条。

◆clip属性：

CSS属性中还提供了一种clip属性，可以把元素区域剪切成各种形状，但目前提供的只有方形一种：

属性名称:'clip'

属性值:auto

初始值:auto

适合元素:元素的position属性被设为absolute

是否继承:no

百分比备注:被禁止

值为rect(toprightbottomleft)。

【编辑推荐】

实用但IE不支持的十个CSS属性
解析四大CSS属性值选择器用法
CSS中border和clear两大属性用法揭秘
简单实用的五个CSS属性
解读DIV CSS网页布局中CSS无效十个原因

分享文章：探究四大CSS属性用法
URL地址：http://www.shufengxianlan.com/qtweb/news19/1319.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容