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...