一、尺寸屬性
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倍 ...