實用文檔>對CSS常用樣式包括定位、顯示等屬性進行簡單的總結(jié)

          對CSS常用樣式包括定位、顯示等屬性進行簡單的總結(jié)

          時間:2024-08-09 21:13:07

          對CSS常用樣式包括定位、顯示等屬性進行簡單的總結(jié)

          對CSS常用樣式包括定位、顯示等屬性進行簡單的總結(jié)

          對CSS常用樣式包括定位、顯示等屬性進行簡單的總結(jié)

            鼠標屬性:

            通過cursor屬性來實現(xiàn)

            Style=”cursor :hand”

            定位和顯示

            1.定位屬性

            CSS定位屬性包括position、top、bottom、left、right和z-index

            Position屬性指定元素如何在頁面上定位,取值為:static ,relative或absolute.

            Static表示正常定位,relative是指定位在相對于頁面上前一個元素的尾端位置,absolute是用絕對位置指定元素在頁面中的位置。

            Top和left屬性指定某元素與其父元素或其他元素之間的距離

            Z-index屬性控制元素的重疊,值較高的元素將覆蓋值較低的元素,如果使用時是-1,則表示元素將至于頁面默認文本的后邊

            2.寬高和剪裁屬性

            可以用width和height控制元素的寬度和高度,用clip和overflow屬性控制元素的制裁。當使用這些屬性時,position屬性必須指定為absolute。

            Clip屬性確定對象的剪裁區(qū)域,取值為rect(top right bottom left )或auto

            如果任意一邊使用auto,則相當于該邊沒有進行剪裁

            Overflow屬性用于設(shè)置當前元素的內(nèi)容超出它的高度和寬度限制時,瀏覽器如何處理

            取值可以是visible、hidden、scroll、auto,其中visible是默認值,表示不剪裁內(nèi)容,也不添加滾動條;hidden表示剪裁內(nèi)容,不顯示超出部分的內(nèi)容;scroll表示剪裁內(nèi)容,同時提供滾動條;auto表示只有在必要時才剪裁內(nèi)容并添加滾動條。

            3.顯示屬性

            Display屬性和visibility屬性可以控制元素的顯示和掩藏

            Display屬性控制元素的顯示方式,取值為none,inline或block。

            None使元素不顯示,而且元素也將退出當前的頁面布局層,不占用任何顯示空間;

            block使元素以塊方式(

          )顯示 ;

            Inline使元素以內(nèi)嵌方式顯示。

            對于塊元素,默認值是block

            對于內(nèi)嵌元素,默認值是inline

            Visibility屬性控制元素的顯示,取值為visible、hidden和inherit

            默認值為inherit

            與display屬性不同之處在于:當掩藏元素時,仍然為元素保留原有的顯示空間

            CSS濾鏡

            濾鏡(filter)效果通過filter樣式表屬性定義,格式如下

            Filter : 濾鏡名稱(參數(shù))

            如

            Img{filter: alpha(Opacity= 80)}

            Opacity 用于控制透明度

            濾鏡名稱:alpha chroma flipH flipV gray invert

            濾鏡屬性只能應用于HTML控件元素。所謂HTML控件元素是指它們在網(wǎng)頁上定義了一個矩形空間,瀏覽器窗口可以顯示這些控件。常見的HTML控件元素包括:body、button、Div、img、input marquee span table td textarea th

          【對CSS常用樣式包括定位、顯示等屬性進行簡單的總結(jié)】相關(guān)文章:

          css的調(diào)試方法與經(jīng)驗總結(jié)03-20

          教案編寫包括哪些內(nèi)容08-07

          優(yōu)秀教學設(shè)計包括的內(nèi)容有哪些02-27

          數(shù)學教案之確定位置03-20

          《確定位置一》優(yōu)秀教學設(shè)計(通用11篇)05-08

          個人工作定位思路及發(fā)展計劃(精選10篇)03-18

          《用數(shù)對確定位置》教學設(shè)計范文(通用10篇)11-14

          常用導數(shù)公式總結(jié)09-24

          五年級下冊《確定位置》教案(精選17篇)07-10

          對全國級和省級巾幗文明崗進行復查的報告02-22

          用戶協(xié)議
          国产精品好爽好紧好大_亚洲男人综合久久综合_欧美福利电影a在线播放www_国产精品99久久精品无码

                  亚洲理论在线视频 | 亚洲中文字幕欧美高清 | 原创中文在线激情 | 亚洲中文字幕一级视频 | 亚洲中文字幕乱码资源 | 亚洲国产午夜精品理论片13 |