2020 03 23知識總結

2021-10-04 08:05:03 字數 2551 閱讀 6499

一、版心:

設計圖:

版式寬度1920/1680

版心寬度960/1200

結構規劃:

id名稱:網頁外圍結構

pc端 版心寬度不能用百分比!!!

版心左右居中:margin:0 auto;

二、研究列表符號:

1:(了解)

list-style-type:

circle 空心圓

square 實心方塊

none 清除列表符號

2:(了解)

list-style-image:

把當成列表符號

3;(了解)

list-style-position:

inside 內容區裡面

outside 內容區外面

4:(重點)

list-style:none; 清除列表符號

三、邊框屬性:

1:邊框位於元素的寬高之外

2:border:10px solid red;(簡寫/復合寫法)

border-width:10px;

border-style:solid;

border-color:red;

(常用的線條型別:solid/實線,dashed/虛線,dotted/點狀線,double/雙線)

3:給單一方向新增邊框

border-lift:10px solid red;(左邊框)

border-right:10px solid red;(右邊框)

border-top:10px solid red;(上邊框)

border-bottom:10px solid red;(下邊框)

4:border的其他設定用法:

border-width/border-style/border-color

這三個屬性都能單獨拿出來進行設定。

這三個屬性每個最多能接受4個屬性值。

eg:border:10px solid;

border-color:1到4個屬性值

1個屬性值:四周新增

2個屬性值:上下 左右

3個屬性值:上 左右 下

4個屬性值:上 右 下 左

5:用css實線寫乙個三角形

顏色值為透明: transparent;

四、背景

1:背景顏色

background-color:;

2:背景圖

background-image:url(路徑);

背景圖的顯示狀態:

a:背景圖不佔據空間

b:背景圖大小 小於容器大小的時候,直到鋪滿為止

c:背景圖大小 大於容器大小的時候,只顯示容器區域

d:背景圖大小 等於容器大小的時候,正好顯示一張

3:控制背景圖是否平鋪

屬性:background-repeat:;

屬性值:repeat(平鋪),no-repeat(不平鋪),repeat-x(橫向平鋪),repeat-y(縱向平鋪)

4:控制背景圖位置

background-position:;

屬性值:第乙個值:水平的位置,第二個值:垂直的位置

eg:100px 200px 距離左側100px,距離頂端200px;

-100px -200px 往左移動100px,往上移動200px;

center 水平和垂直都居中

left top 讓背景圖的左側和上側貼著容器的左側和上側;

5:背景圖的固定

background-attachment:;

屬性值:fixed/scroll

簡寫:background:red url(路徑) no-repeat 200px bottom;

五、背景

支援img,gif,png格式

img匯入的:匯入背景圖裡面不佔據空間;匯入html結構裡面是佔據空間的。

六、盒模型

1:css盒模型:

是網頁布局的基石,從裡到外包括:內容區,內填充,盒子邊框,外邊距。

2:paddi的用法

(1)passing是長在內容和盒子之間的,在盒子內部。

(2)padding是為了調整子元素在父元素裡面的位置關係。

(3)padding特點:padding的值會把盒子撐大。

(4)如果想讓盒子保持原有大小,需要在寬高基礎上減去padding值。

(5)給單一方向設定padding值:

padding-lift/top/right.bottom:;

(6)padding設定方法:

padding:1個值 四周

padding:2個值 上下 左右

padding:3個值 上 左右 下

padding:4個值 上 右 下 左

(7)padding值不能設定負值

(8)padding值不會對背景圖造成影響

(9)如果乙個盒子沒有設定固定的寬高,新增padding是不用減的

技術週刊2020 03 23

手摸手教你寫出令人窒息的爛 在 github 上有乙個新專案,它描述了 最佳垃圾 的十九條關鍵準則。從變數命名到注釋編寫。這些準則將指導你寫出最亮眼的爛 妙用css變數,讓你的css變得更心動 css變數又叫css自定義屬性,為什麼會突然提起這個很少人用到的東西呢?因為最近在重構個人官網,不知道為什...

2020 03 23 我那「鄰家小孩」

20 30 人類作為第乙個真正自由的物種,將擺脫自然的選擇 創造我們的力量 很快我們將能夠深刻地認識自我,並且能夠變成我們希望的樣子。e o 維爾森 不知為何,我心目中好像一直存在著 一位 鄰家那好孩子 的思維。就無論任何時候,都有乙個自我逃避方向的參考物件。當我覺得不穩定時,我會心裡出現乙個我美慕...

SQL知識總結

use tablename 要操作的資料庫名 select logicalfilename tablename log 日誌檔名 maxminutes 10,limit on time allowed to wrap log.newsize 1 你想設定的日誌檔案的大小 m setup initia...