前端小白高階Day5 優化卡片

2021-07-30 19:47:12 字數 1032 閱讀 1784

html部分**如下:

alt="大海"

width="320"

height="200">

面朝大海,p>

春暖花開。p>

alt="公路">

div>

class="card2-body">

class="card2-title">

div>

class="card2-content">

不忘初心,方得始終。p>

但行好事,莫問前程。p>

div>

div>

div>

div>

body>

html>css部分**如下:

.box1, .box2

.box1

.card1

p.card1

/*第二張卡片*/

.box2

.card2

.card2-image

img.card2-image

.card2-body

.card2

:hover

.card2-image

img.card2-title, .card2-content

效果如下:

前端學習Day5

一.選擇符的權重 id class 標籤 四個數字表示權重 1.內聯樣式表 1000 2.id 100 3.class 10 4.標籤 1 5.偽類選擇符 10 6.萬用字元 0 7.包含選擇符的權重為權重之和 eg box div 權重 100 1 101 wrap con p 權重 10 10 ...

WEB前端學習日誌Day5

選擇符的權重 id class 標籤 首先通過四個數字表示權重 內聯樣式表 1000 id 100 class 10 標籤 1 偽類選擇符 10 萬用字元 0 當 現包含選擇符的多個class或是其自身的id時,權重之和越高權重越大。例 box div 100 1 101 wrap con p 10...

乙個小白 學習linux的艱辛路程day5

inux命令是對linux系統進行管理的命令。你在系統裡輸入只有linux系統才能識別的指令,其實也就是一些固定存在的單詞字母等,這就是命令。linux是黑屏介面,所有的操作都必須通過命令來執行,程式設計師想要管理linux伺服器,必須要學好linux命令 檔案 目錄主要看自己的工作物件是誰,根據自...