CSS基礎知識整理二

2021-07-04 17:45:16 字數 455 閱讀 2204

下面是定義乙個盒子的border:

div
下面是定義乙個盒子的寬度,其寬度由padding-left ,

padding-right  margin-left ,

margin-right  border-left ,

border-right和自己本身物體的寬度組成:

div  以上案例中div的寬度為232px;

乙個盒子和其他盒子的距離:

div
以上**的結果是此div距離上下左右四個方向的盒子距離都是10px;

其實以上**也可以縮寫為

div

div    //上下為10px    左右為20px

css基礎知識整理

1 什麼是css?css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎,提供了豐富的功能,如字型 顏色 背景的控制及整體排版等,而且還可以針對不同的瀏覽器...

css基礎知識整理

1 css分類樣式分為3類 內聯 內嵌 外部 1 內聯 寫在標籤裡面,樣式為style 舉例說明 我是第一行h 執行樣圖 style 寬度為100畫素,高度為110畫素,背景是綠色 給這乙個div標籤定css樣式。2 內嵌 在裡面內嵌在head內部body外部 即舉例 我是洋洋1 我是洋洋2 我是洋...

css基礎知識整理篇

某個大神整理的面試題 內容 content 填充 padding 邊界 margin 邊框 border content部分把border和padding算進去了1 id選擇器 myid 2 類選擇器 myclassname 3 標籤選擇器 div,h1,p 4 相鄰選擇器 h1 p 5 子選擇器 ...