HTML學習筆記Day5

2022-09-08 05:36:12 字數 1788 閱讀 6612

一、css屬性

1.文字溢位是否「...」顯示屬性

:text-overflow:clip(不顯示省略標記)/ellipsis(文字溢位時「...」顯示)

定義此屬性有四個必要條件:1)須有容器寬度:width:value;

2)強制文字在一行內顯示:white-space:nowrap;

3)溢位內容隱藏:overflow:hidden;

4)溢位文字顯示「...」:text-overflow:ellipsis;

2.溢位屬性:overflow:visible(預設值,不會被隱藏)

hidden(內容隱藏)

auto(如果內容隱藏,則瀏覽器內顯示滾動條)

scroll(內容會隱藏並顯示滾動條)

inherit(規定應該從父元素繼承overflow屬性的值)

注:overflow-x:hidden;隱藏橫向滾動條

overflow-y:hidden;隱藏縱向滾動條

3.空餘空間屬性 (該屬性用來設定如何處理元素內的空白;):white-space:normal/pre/nowrap/pre-wrap /pre-line /inherit   

normal(預設值,空白會被瀏覽器忽略)

nowrap(文字不會換行,文字會在同一行上繼續,直到遇到標籤

為止)pre(空白會被瀏覽器保留,其行為方式類似html中的pre標籤)

pre-wrap(保留空白符序列,但是正常的進行換行)

pre-line(合併空白符序列,但是保留換行符)

inherit(規定應該從父元素繼承white-space屬性的值(ie瀏覽器不支援此屬性值))

拓展:overflow內容溢位時的設定 

屬性:overflow 水平及垂直方向內容溢位時的設定 

overflow-x 水平方向內容溢位時的設定 

overflow-y 垂直方向內容溢位時的設定 

以上三個屬性設定的屬性值:visible、scroll、hidden、auto;

visible 預設值。使用該值時,無論設定的"width"和"height"的值是多少,其中的內容無論是否超出範圍都將被強制顯示。

hidden 效果與visible相反。任何超出"width"和"height"的內容都會不可見。

scroll 無論內容是否超越範圍,都將顯示滾動條。

auto 當內容超出範圍時,顯示滾動條,否則不顯示。

應用:1)沒有水平滾動條:

test

2)沒有垂直滾動條 :

test

3)沒有滾動條 :

test

4)自動顯示滾動條:

test

自己定義滾動條的顏色

body {

scrollbar-arrow-color: #f4ae21; /*圖6,三角箭頭的顏色*/

scrollbar-face-color: #333; /*圖5,立體滾動條的顏色*/

scrollbar-3dlight-color: #666; /*圖1,立體滾動條亮邊的顏色*/

scrollbar-highlight-color: #666; /*圖2,滾動條空白部分的顏色*/

scrollbar-shadow-color: #999; /*圖3,立體滾動條陰影的顏色*/

scrollbar-darkshadow-color: #666; /*圖4,立體滾動條強陰影的顏色*/

scrollbar-track-color: #666; /*圖7,立體滾動條背景顏色*/ 

scrollbar-base-color:#f8f8f8; /*滾動條的基本顏色*/ 

java學習筆記day5

面向過程 強調的是功能行為 物件導向 將功能封裝進物件,強調具備了功能的物件。面向過程 開啟冰箱 儲存進冰箱 關閉冰箱 物件導向 冰箱.開啟 冰箱.儲存 冰箱.關閉 物件導向 3個特徵 封裝 繼承 多型。找物件,建立物件,使用物件。維護物件的關係。類 描述。物件 實體。成員變數和區域性變數 作用範圍...

python學習筆記 day5

函式 返回值 描述 pow x,y x y 運算後的結果 sqrt x 返回 x 的平方根 abs x 返回數字的絕對值,如 abs 10 返回 10 fabs x 返回數字的絕對值,如 math.fabs 10 返回 10.0 ceil x 返回數字的上入整數,入 math.ceil 4.1 返回...

matlab cody學習筆記 day5

一些學習筆記 1 陣列的簡單賦值 例如 input n 5 output m is 1 2 3 4 5 2 4 6 8 10 3 6 9 12 15 4 8 12 16 20 5 10 15 20 25 兩個迴圈的源 function m timestables n m ones n,n for i...