css div裡引用em字型會變斜體 css基礎

2021-10-13 23:28:01 字數 2298 閱讀 3588

css美化頁面

書寫型別

- 行內式:只作用當前元素,對其他元素無效果

文字內容- 內嵌式:只作用當前html頁面,可對當前頁面元素復用

/* 寫在head標籤裡 */    p
- 外聯式:可對整個專案復用

/* 在head標籤下引入,index.css為外部樣式表 */
語法結構

選擇器  // 用分號
常用樣式屬性設定

div
選擇器- 標籤選擇器:  `標籤名 {}`

- 類選擇器:`.類名 {}`

- id選擇器: `#id名 {}`

- 萬用字元選擇器:`* {}` 對頁面所有元素起作用

- 後代選擇器:`父元素 子元素 {}`

- 並集選擇器:`元素1, 元素2 {} ` 

document           // 標籤選擇器        p         // 類選擇器        .p1         // id選擇器        #p1         // 萬用字元選擇器        *         // 後代選擇器,對div下的p標籤起作用        div p         // 對類名為p1和類名為p2的起作用        .p1, .p2
我是標籤選擇器我是類選擇器

我是類選擇器

我是id選擇器

偽類

a:link a:hover a:visited {}a:active {}input:focus {}
標籤分類- 塊級元素:div p ul li h

- 獨佔一行

- 預設有寬度,預設寬度為父元素的寬度

- 可以設定寬和高

- 行內元素:span a strong

- 所有行內元素在一行顯示

- 不能直接設定寬和高

- 行內塊元素:img input

- 元素在一行顯示

- 可以設定寬和高

documenttitle>    div         span style>head>我自己佔一行div>    aaaaspan>    22222span>    33333span>body>html>

型別轉換三種型別可以互相轉換,block: 塊級元素, inline-block: 行內塊yuansu, inline: 行內元素

display: block | inline-block | inline
#### 注意

- 樣式設定有權重:!important > 行內樣式 > id選擇器 > 類選擇器 > 標籤選擇器

- 同乙個標籤權重相同,設定樣式衝突,後面會覆蓋前面的

- 子元素會繼承父元素部分屬性:line-height,color,font-size,

- !important,當某元素設定樣式優先順序更高時,但不想被覆蓋,在後面加important,例如:`color: red !important;`

- 玄同學只是把常用的列了出來,還有很多,需要同學們自己慢慢探索~

掃一掃,關注我吧~

matplotlib legend 裡字型修改

背景 準備投 因為操蛋的模板要求,所以你得好好修改。對legend 顯示的內容的字型進行修改 labelss plt.legend loc upper right get texts label.set fontname times new roman for label in labelss la...

css中字型單位px與em

css中字型單位px與em px是固定大小單位稱為畫素,em是非固定大小單位稱為相對單位字。在ie中px單位的文字的字型大小不隨瀏覽器字型大小設定的改變而改變。瀏覽器字型大小的設定將改變預設em的大小。例如 當ie文字大小為中時預設的1em相當於16px,當文字大小為較小時預設的1em相當於12px...

css中字型單位px與em

css中字型單位px與em px是固定大小單位稱為畫素,em是非固定大小單位稱為相對單位字。在ie中px單位的文字的字型大小不隨瀏覽器字型大小設定的改變而改變。瀏覽器字型大小的設定將改變預設em的大小。例如 當ie文字大小為中時預設的1em相當於16px,當文字大小為較小時預設的1em相當於12px...