在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.用長輩的引用打點呼叫方法 注意 能呼叫出那些方法取決於左邊類或介面的左邊 長輩類或長輩介面 呼叫方法的內容取決於等號右邊 如果重寫過,就執行子類重寫後方法的內容 如...