web前端基礎之css

2022-09-01 07:39:07 字數 1565 閱讀 4025

【w3c】值描述

none

此元素不會被顯示。

block

此元素將顯示為塊級元素,此元素前後會帶有換行符。

inline

預設。此元素會被顯示為內聯元素,元素前後沒有換行符。

inline-block

行內塊元素。

區別:【w3c】

overflow 屬性規定當內容溢位元素框時發生的事情

visible

預設值。內容不會被修剪,會呈現在元素框之外。

hidden

內容會被修剪,並且其餘內容是不可見的。overflow:hidden;

scroll

內容會被修剪,會顯示滾動條以便檢視其餘的內容。無論是否溢位底部和側邊都有滾動條

auto

如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。

inherit

規定應該從父元素繼承 overflow 屬性的值。

x、y軸

可以單獨針對乙個軸設定;overflow-x:auto;

opacity屬性設定元素的不透明級別

【w3c】

value

規定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。0.1/0.2/0.3/0.4......

inherit

應該從父元素繼承 opacity 屬性的值。

rgba:文字透明度

cursor:滑鼠手勢

【w3c】

url  

需使用的自定義游標的 url。

注釋:請在此列表的末端始終定義一種普通的游標,以防沒有由 url 定義的可用游標。

default

預設游標(通常是乙個箭頭)

auto

預設。瀏覽器設定的游標。

crosshair

游標呈現為十字線。

pointer

游標呈現為指示鏈結的指標(乙隻手)

move

此游標指示某物件可被移動。

text

此游標指示文字。

wait

此游標指示程式正忙(通常是乙隻表或沙漏)

help

此游標指示可用的幫助(通常是乙個問號或乙個氣球)。

自定義手勢

小於等於,或大於等於

最小,值

描述length

定義元素的最小寬度值。預設值:取決於瀏覽器。

%定義基於包含它的塊級物件的百分比最小寬度。

inherit

規定應該從父元素繼承 min-width 屬性的值。

最大寬none

預設。定義對元素的最大寬度沒有限制。

length

定義元素的最大寬度值。

%定義基於包含它的塊級物件的百分比最大寬度。

inherit

規定應該從父元素繼承 max-width 屬性的值。

%換算,基於父元素寬高,如果父元素沒有寬高,沒有意義;

案例:乙個容器怎麼適應螢幕的高: 容器加height:100%; body:100%; html:100%;

html,body

.contrainer

web前端基礎 css

前言 繼續努力 什麼是css?就是對html進行美化,好比化妝前後的差距。html的塊級標籤 標籤 預設獨佔一行,跟同級兄弟塊豎直排列 標籤 預設同在一行,跟同級兄弟塊橫向排列 塊級標籤只有結合css樣式才有意義!修飾div標籤一般用style屬性並使用樣式,不贊成用align屬性 css的語法格式...

web前端學習之CSS

書寫樣式和引入方法 css cascading style sheets 全程為層疊樣式表,它主要用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 加粗等等。使用css樣式的好處是通過定義某個樣式,可以讓不同的網頁位置有著統一的字型 字型大小或者顏色等等。換言之,使用css可以有效的減少我...

web前端之CSS簡介

css 指層疊樣式表 cascading style sheets 樣式定義如何顯示 html 元素 樣式通常儲存在樣式表中 把樣式新增到 html 中,是為了解決內容與表現分離的問題 外部樣式表可以極大提高工作效率 外部樣式表通常儲存在 css 檔案中 多個樣式定義可層疊為一 樣式表允許以多種方式...