捉虫放大镜

七、CSS网格

摘要：构造一个5*5的网格，如下图所示，同一颜色表示同个区域，黑线表示间隔5px 1.普通方式建立网格 <!DOCTYPE html> <html> <body> <style> .d1{ background: skyblue; /* justify-self和align-self都是调整子元素内部内容阅读全文

posted @ 2021-03-15 17:48 捉虫放大镜阅读(31) 评论(0) 推荐(0)

六、响应式页面设计（一）

摘要：一、创建媒体查询、使用视窗尺寸 <!DOCTYPE html> <html> <head></head> <body> <style> .box{ width: 500px; height: 500px; margin: auto; background-color: gray; } /* medi 阅读全文

posted @ 2021-03-13 17:09 捉虫放大镜阅读(47) 评论(0) 推荐(0)

五、应用无障碍阅读

摘要：一、方便阅读网页结构的标签总结 <!DOCTYPE html> <html> <head></head> <body>  <header>标题</header>  <nav> <ul> <li><a hre 阅读全文

posted @ 2021-03-12 10:15 捉虫放大镜阅读(61) 评论(0) 推荐(0)

四、用CSS制作图形以及简单动画

摘要：一、利用阴影画一个月亮说明：画月亮，需要先画一个圆，然后利用box-shadow属性，生成阴影，再将圆的颜色变为透明即可。 <html> <head></head> <body> <style> .moon { margin: auto; margin-top: 100px; width: 100 阅读全文

posted @ 2021-03-11 17:08 捉虫放大镜阅读(163) 评论(0) 推荐(0)

三、Applied visual design（应用视觉设计）

摘要：一、文本属性整理 <style> h2 { /* 文字对齐属性 text-align */ /* center:居中,left,right:居左居右,justify:文字拉伸铺满一行 */ text-align: center; /* 文字大小写属性 text-transform: uppercas 阅读全文

posted @ 2021-03-10 11:35 捉虫放大镜阅读(14) 评论(0) 推荐(0)

一、Basic CSS 知识整理

摘要：一、编写CSS的几种方式 <style> /* id选择器 */ #id_test { color: red; } /* 标签选择器 */ h2 { color: blue !important; } /* 类选择器 */ .pink-text { color: pink; } /* [attrib 阅读全文

posted @ 2021-03-09 11:45 捉虫放大镜阅读(70) 评论(0) 推荐(0)

二、Basic HTML5 知识整理

摘要：一、需要记下的html5知识 1.html5网页文本框架 <!DOCTYPE html> <html> <head></head> <body></body> <foot></foot> </html> 2.简单标签  <h1>标题一</h1> <h2> 阅读全文

posted @ 2021-03-08 17:05 捉虫放大镜阅读(18) 评论(0) 推荐(0)

公告