css 邊框，邊距，填充，高度，盒子模型。
邊距填充
邊框邊框樣式：
border-style:樣式
屬性值：
dotted -定義點虛線邊框
dashed -定義線虛線邊框
solid -定義實線邊框
double -定義乙個雙邊框
groove-定義3d凹槽邊框。效果取決於邊框顏色值
ridge-定義3d稜形邊框。效果取決於邊框顏色值
inset-定義3d嵌入邊框。效果取決於邊框顏色值
outset-定義3d起始邊框。效果取決於邊框顏色值
none -沒有邊界
hidden -定義乙個隱藏的邊框
邊框寬度：
border-width:
屬性：以px，pt，cm，em等為單位設定大小。
或者預定義值：thin, medium, or thick:
邊框寬度可以有一到四個值：順序分別為頂、右、底、左。
邊框顏色：
border-color:
屬性值：
名稱-指定顏色名稱，例如「紅色」
十六進製制-指定十六進製制值，例如「＃ff0000」
rgb-指定rgb值，例如「 rgb（255,0,0）」
hsl-指定hsl值，例如「 hsl（0，100％，50％）」
透明可以有一到四個值，對應不同邊不同顏色，順序為頂，右，底，左。
邊框，單邊設定：
以下**效果相同
p
p
順序為寬度、樣式、紅色。
p
border-radius: 5px;
值越大邊框越圓。
一些設定：
border-方向-屬性
方向：top right bottom left
屬性: width color style
邊距margin:邊距值
邊距值：
auto-瀏覽器計算邊距 auto 自動居中
長度-以px，pt，cm等為單位指定邊距。
％ -指定包含元素寬度百分比的邊距
inherit-指定應從父元素繼承邊距
可以指定各個方向的邊距值;
margin-top/right/bottom/left
速記：頂、右、底、左。
存在問題：邊距衝突（只發生在頂部與底部）。
注意：准許使用負值。
填充css padding屬性用於在任何定義的邊界內在元素內容周圍生成空間。
padding:屬性值
長度-以px，pt，cm等指定填充。
％ -指定包含元素寬度的百分比的填充
繼承-指定填充應從父元素繼承
設定與邊距相似，可指定各個方向的填充，可速記。
與width的區別，width 是指元素內容的寬度，padding是指元素內容周圍的寬度。
例：
div.ex1
div.ex2
高度/寬度
height：屬性值
width：屬性值
屬性值：
auto-這是預設設定。瀏覽器計算高度和寬度
length -以px，cm等定義高度/寬度。
% -定義包含塊的百分比的高度/寬度
initial -將高度/寬度設定為其預設值
inherit -高度/寬度將從其父值繼承
、height和width屬性不包括填充，邊框或邊距！它們設定元素的內邊距，邊框和邊距內區域的高度/寬度！
max-height、max-width、min-height、min-width設定最大、最小高度與寬度。
CSS學習筆記4
偽類選擇器 偽元素選擇器 first letter 選擇文字的首字母 first line 選擇文字的首行 after 在元素前面新增內容 before 在元素後面新增內容 什麼是選擇器？選擇器 描述後面的樣式施加到哪些目標，或者說根據某個依據 來選擇應用的樣式 根據選擇依據的不同，就產生了不同的選...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...