四大CSS属性用法介绍

本篇内容主要讲解“四大CSS属性用法介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“四大CSS属性用法介绍”吧!

建网站原本是网站策划师、网络程序员、网页设计师等,应用各种网络程序开发技术和网页设计技术配合操作的协同工作。成都创新互联专业提供成都网站设计、网站建设,网页设计,网站制作(企业站、成都响应式网站建设公司、电商门户网站)等服务,从网站深度策划、搜索引擎友好度优化到用户体验的提升,我们力求做到极致!

四大CSS属性用法

◆DIV绝对位置属性:

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

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

属性值:auto

初始值:none

适合对象:所有元素

是否继承:no

百分比备注:被禁止

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

 Iusedtworedhyphenstoserveasachangebar.They  will"float"totheleftofthelinecontainingTHIS  -- 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)。

到此,相信大家对“四大CSS属性用法介绍”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


当前题目:四大CSS属性用法介绍
网站URL:http://myzitong.com/article/jpeshc.html