摘要：
构造一个5*5的网格，如下图所示，同一颜色表示同个区域，黑线表示间隔5px 1.普通方式建立网格 <!DOCTYPE html> <html> <body> <style> .d1{ background: skyblue; /* justify-self和align-self都是调整子元素内部内容 阅读全文
2021年3月15日 #
2021年3月13日 #
摘要：
一、创建媒体查询、使用视窗尺寸 <!DOCTYPE html> <html> <head></head> <body> <style> .box{ width: 500px; height: 500px; margin: auto; background-color: gray; } /* medi 阅读全文
2021年3月12日 #
摘要：
一、方便阅读网页结构的标签总结 <!DOCTYPE html> <html> <head></head> <body> <!-- 标题用header == div --> <header>标题</header> <!-- 导航用nav == div --> <nav> <ul> <li><a hre 阅读全文
2021年3月11日 #
摘要：
一、利用阴影画一个月亮 说明：画月亮，需要先画一个圆，然后利用box-shadow属性，生成阴影，再将圆的颜色变为透明即可。 <html> <head></head> <body> <style> .moon { margin: auto; margin-top: 100px; width: 100 阅读全文
2021年3月10日 #
摘要：
一、文本属性整理 <style> h2 { /* 文字对齐属性 text-align */ /* center:居中,left,right:居左居右,justify:文字拉伸铺满一行 */ text-align: center; /* 文字大小写属性 text-transform: uppercas 阅读全文
2021年3月9日 #
摘要：
一、编写CSS的几种方式 <style> /* id选择器 */ #id_test { color: red; } /* 标签选择器 */ h2 { color: blue !important; } /* 类选择器 */ .pink-text { color: pink; } /* [attrib 阅读全文
2021年3月8日 #
摘要：
一、需要记下的html5知识 1.html5网页文本框架 <!DOCTYPE html> <html> <head></head> <body></body> <foot></foot> </html> 2.简单标签 <!-- h标签，表示标题，h1-h5 --> <h1>标题一</h1> <h2> 阅读全文