CSS 尺寸與邊框

2021-09-11 01:45:56 字數 1202 閱讀 3469

一、尺寸屬性

1. 寬度、高度

屬性作用

width

寬度min-width

最小寬度

max-width

最大寬度

height

高度min-height

最小高度

max-height

最大高度

2. 頁面中允許設定尺寸的元素

3. 溢位處理

什麼時候出現溢位:內容多元素小時產生溢位,預設溢位是縱向溢位

二、邊框

1. 邊框屬性

簡寫方式

border: width style color;

style邊框樣式

solid實線,dotted虛線-點,doshed虛線-線

color邊框顏色

transparent透明

單邊定義:border-top/right/bottom/left:width style color;

單邊屬性設定:border-方向-屬性:值

2. 邊框倒角-將元素四個角,由直角轉換為圓角

border-radius:值; 舉例:border-radius:20px;

3. 邊框陰影

三、輪廓與邊距

1. 輪廓-指邊框的邊框,繪製邊框外圍的一條線

outline:width style color;

outline:none/0;取消輪廓

2. 內、外邊距

四、框模型

1. 背景屬性

background-color:pink;

background-image:url(』…/images/背景.jpg』);

CSS 尺寸與邊框

作用改變元素的寬度 和 高度 寬度width 寬度 min width 最小寬度 max width 最大寬度 高度height 高度 min height 最小高度 max height 最大高度 頁面中允許設定尺寸的元素 所有的塊級元素都允許設定尺寸 div,p,h1,h2,ul,ol,dl,d...

css尺寸與邊框

1.作用 尺寸在css中使用非常頻繁,設定頁面布局的時候最基本的屬性就是尺寸.它的作用是設定元素的寬度和高度。2.寬度屬性 width 設定元素的寬度 min width 設定元素的最小寬度 max width 設定元素的最大寬度 3.高度屬性 height 設定高度 min height 設定最小...

web尺寸與邊框

尺寸與邊框 1 css單位 1 尺寸單位 1 佔據父元素尺寸的佔比 2 in 英吋,1in 2.54cm 3 cm 厘公尺4 mm 公釐5 px 畫素,計算機螢幕上的乙個點 6 pt point 磅 點1pt 1 72in 7 em 1em 相當於 當前字型尺寸 2em 相當於 當前字型尺寸的2倍 ...