css 實踐記錄

2022-03-07 01:25:38 字數 1646 閱讀 4668

利用子絕父相來實現一種比較老的居中方式:1.明確寬度;2.定位左邊到容器的中間位置;3.margin-left負值來左移元素的一半,實現元素容器居中

<

style

>

.container

.item

style

>

<

div

class

="container"

>

<

div

class

="item"

>

div>

div>

思路很簡單,就是輸入法輸入乙個菱形,然後隱藏掉一半就行了。

<

style

rel="stylesheet"

>

.tri:before

style

>

<

span

class

="tri"

>

span

>

div+p:選擇緊接在 元素之後的乙個元素。

p~ul:選擇 元素後的所有元素。

應用場景:選中第乙個以為的所有元素。以下兩種方式都可以實現

<

style

>

/*.item ~ .item

*/.item + .item

style

>

<

div

class

="item first"

>1

div>

<

div

class

="item"

>2

div>

<

div

class

="item"

>3

div>

<

div

class

="item"

>4

div>

執行結果:

123

4

line-height:1

使用opacity的話會導致容器以及內容都透明,使用rgba可以實現容器透明,但內容不透明

<

style

>

.container

style

>

<

div

class

="container"

>

123131

div>

:nth-child 和 :first-child 等只能作用在元素選擇器上,如

<

div

id="box"

>

<

div

id="up"

>1

div>

<

div

id="down"

>2

div>

div>

*#box#up#down
以上border box 一句很重要。

tshark 實踐記錄

專案需要 臨時研究了一下,因為主業不是這個,所以在這裡記錄一下,以便於需要的人參考 udp tcptshark v r 輸入檔案 如 pcap 輸出檔案 txt 該例項列出了 幀數 幀時間 幀長度 協議型別 源ip 目的ip udp源埠 tcp源埠 tshark n t a 2 r tcp udp ...

Docker實踐記錄

docker run d name 容器名 v 主機指令碼所在目錄 容器對映目錄 w 容器對映目錄 映象 執行指令碼的指令 docker run 命令基本結構 docker run 引數 映象 命令 1.檢視所有記錄 docker logs 容器 2.檢視最近n條記錄 docker logs 容器 ...

Dockerfile實踐記錄

1.arg 在構建映象時傳入的引數,不傳入則使用預設引數 使用docker build t build arg 2.env 在dockerfile中聲名 env eureka server http localhost 8761 eureka 在啟動例項時傳入的變數 容器啟動後檢視生效引數 dock...