摘要：
構造一個5*5的網格，如下圖所示，同一顏色表示同個區域，黑線表示間隔5px 1.普通方式建立網格 <!DOCTYPE html> <html> <body> <style> .d1{ background: skyblue; /* justify-self和align-self都是調整子元素內部內容 閱讀全文
posted @ 2021-03-15 17:48
捉蟲放大鏡
閱讀(34)
評論(0)
推薦(0)
2021年3月15日 #
2021年3月13日 #
摘要：
一、創建媒體查詢、使用視窗尺寸 <!DOCTYPE html> <html> <head></head> <body> <style> .box{ width: 500px; height: 500px; margin: auto; background-color: gray; } /* medi 閱讀全文
posted @ 2021-03-13 17:09
捉蟲放大鏡
閱讀(48)
評論(0)
推薦(0)
2021年3月12日 #
摘要：
一、方便閱讀網頁結構的標簽總結 <!DOCTYPE html> <html> <head></head> <body> <!-- 標題用header == div --> <header>標題</header> <!-- 導航用nav == div --> <nav> <ul> <li><a hre 閱讀全文
posted @ 2021-03-12 10:15
捉蟲放大鏡
閱讀(63)
評論(0)
推薦(0)
2021年3月11日 #
摘要：
一、利用陰影畫一個月亮 說明：畫月亮，需要先畫一個圓，然后利用box-shadow屬性，生成陰影，再將圓的顏色變為透明即可。 <html> <head></head> <body> <style> .moon { margin: auto; margin-top: 100px; width: 100 閱讀全文
posted @ 2021-03-11 17:08
捉蟲放大鏡
閱讀(166)
評論(0)
推薦(0)
2021年3月10日 #
摘要：
一、文本屬性整理 <style> h2 { /* 文字對齊屬性 text-align */ /* center:居中,left,right:居左居右,justify:文字拉伸鋪滿一行 */ text-align: center; /* 文字大小寫屬性 text-transform: uppercas 閱讀全文
posted @ 2021-03-10 11:35
捉蟲放大鏡
閱讀(14)
評論(0)
推薦(0)
2021年3月9日 #
摘要：
一、編寫CSS的幾種方式 <style> /* id選擇器 */ #id_test { color: red; } /* 標簽選擇器 */ h2 { color: blue !important; } /* 類選擇器 */ .pink-text { color: pink; } /* [attrib 閱讀全文
posted @ 2021-03-09 11:45
捉蟲放大鏡
閱讀(74)
評論(0)
推薦(0)
2021年3月8日 #
摘要：
一、需要記下的html5知識 1.html5網頁文本框架 <!DOCTYPE html> <html> <head></head> <body></body> <foot></foot> </html> 2.簡單標簽 <!-- h標簽，表示標題，h1-h5 --> <h1>標題一</h1> <h2> 閱讀全文
posted @ 2021-03-08 17:05
捉蟲放大鏡
閱讀(20)
評論(0)
推薦(0)
浙公網安備 33010602011771號