Day09 學習CSS基礎

2021-10-10 00:27:01 字數 2668 閱讀 9063

在html的頭部用標籤寫css樣式,裡面定義選擇器定義不同的屬性值

>

/*一種選擇器 選擇所以h1標籤 color顏色屬性為red*/

h1style

>

rel=

"stylesheet"

href

="../css/style.css"

>

style

="color

:yellow;

">

標題h1

>

哪種方式生效根據就近原則,先執行的會被後執行的覆蓋選擇html頁面上的某個或某類元素 進行樣式修改

標籤選擇器 h1

類選擇器 .類名

id選擇器 #id名稱

層次選擇器

4.1 後代選擇器 : 某個元素的後面的所有元素:格式 #act p

4.2 自代選擇器 :某個元素的後面的一代:格式 #act>p

4.3 相鄰兄弟選擇器:同輩的,只有後面的乙個有效格式:#act + p

4.4 通用兄弟選擇器:同輩的,後面所有同級的符合要求得 格式:#act~p

結構偽類選擇器

5.1 ul li:first-child 表示: ul下的第乙個li標籤

5.2 ul li:last-child 表示: ul下的最後乙個li標籤

5.3 ul li:nth-child(序號) ul下的第序號個標籤,如果這個不是li標籤則不起作用,這是按順序的

5.4 ul li:nth-of-type(序號) ul下的第序號個li標籤,這是按型別的不存在不是li標籤

屬性選擇器

6.1 例 a[屬性名] 選中所有a標籤帶有id屬性的標籤 a[id]

6.2 例 a[屬性名=屬性值] 選中所有a標籤帶有class屬性為item的標籤 a[class=item]

屬性值還可以用正規表示式

*= 表示絕對等於 = 表示包含 ^= 以什麼開頭 $= 以什麼結尾

span 標籤:重點要突出的字

字型樣式:

- font-family:楷體; 字型

- font-size:50px; 字型大小

- font-weight: bold; 字型粗細

- text-decoration:underline/line-through/overline/none; 下劃線/中劃線/上劃線/取消下劃線(a標籤)

- text-shadow:red 10px 10px 10px 陰影:陰影顏色,水平偏移 ,垂直偏移 ,偏移半徑

- 文字水平對齊:img,span

偽類- a:hover 滑鼠懸浮的狀態

其他:- ul li 的小圓點 : list-style:none/circle/decimal; 去掉小圓點/空心圓/數字/

- background: 背景,可以寫背景顏色,背景,漸變色等等

盒子的: margin 外邊距 border 邊框 paddin 內邊距

邊框 boder border: 3px solid red;

- 邊框的粗細

- 邊框的樣式 dashed/solid/dotted…

- 邊框的顏色

內外邊距:

圓角邊框:

- border-radius

塊級元素:獨佔一行:h1-h6 div p

行內元素:不獨佔一行 a img strong span

預設行內元素不能包含塊級元素,塊級元素可以包含行內元素

display屬性: 改變行內元素和塊元素

- block 塊元素

- inline 行內元素

- inline-block 可以寫在一行的塊元素

- none 消失

float 左浮 右浮 : 也可以使塊元素顯示在一行

但是float 浮動會出現父級邊框塌陷的問題: 可以看到父級邊框並不能包含

解決方式:1. 設定父級邊框足夠大

2. 在父級邊框內部最後新增乙個空的div 設定屬性為

.clear

3. 父級邊框的屬性新增     overflow: hidden;

4. 在父級元素新增偽類,定義一些固定屬性

.box:after

position:

相對定位: relative 相對於自己原來的位置進行偏移 top/bottom/left/right

絕對定位(相對於初始位置): absolute 如果父級元素沒有定位則相對於瀏覽器定位,如果父級元素有定位則相對於父級元素進行定位,一般在父級元素元素寫relative

固定定位(相對於瀏覽器,可以隨著滾動條變化隨時固定):fixed

z-index:層級 預設為0 (用於多層的,預設都在0層)

-

python學習系列 day09

一 圖形介面 1 tkinter 2 turtle 二 網路程式設計 1 tcp程式設計 1 客戶端 import socket s socket.socket socket.af inet,socket.sock stream af inet表示利用的ipv4,af inet6表示用ipv6。so...

檔案操作 函式基礎day09

1 r t 可讀可寫 2 w t 可寫可讀 3 a t 可追加寫 可讀 4 f.seek offset,whence offset代表檔案的指標的偏移量,單位是位元組bytes whence代表參考物,有三個取值 0 參照檔案的開溝 1 參照當前檔案指標所在位置 2 參照檔案末尾 ps 快速移動到檔...

day09 多型總結

2019.07.09 day09 多型 判斷多型的四個原則 1.跨類且繼承 2.子類重寫長輩類的方法 3.子類物件賦值給長輩的引用 4.用長輩的引用打點呼叫方法 注意 能呼叫出那些方法取決於左邊類或介面的左邊 長輩類或長輩介面 呼叫方法的內容取決於等號右邊 如果重寫過,就執行子類重寫後方法的內容 如...