一、版心:
設計圖:
版式寬度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...