- 博客(21)
- 收藏
- 关注
RSS订阅原创 响应式web开发chapter3/demo04
demo04.html文件<!DOCTYPE html><html> <head> <meat charset="UTF-8"> <title> 立方体 </title> </head> <style> .box { width: 200px; height: 200px; posi
2022-03-04 21:44:51
196
原创 响应式web开发chapter3/demo03
demo03.html文件<!DOCTYPE html><html> <head> <meat charset="UTF-8"> <title>CSS3元素变形原点</title> </head> <style> div { width: 150px; height: 150px;
2022-03-04 21:43:19
296
原创 响应式web开发chapter3/demo02
demo02.html文件<!DOCTYPE html><html> <head> <meat charset="UTF-8"> <title>CSS32D转换 </title> </head> <style> div { width: 150px; height: 150px; back
2022-03-04 21:41:39
206
原创 响应式web开发chapter3/demo01
demo01.html文件<!DOCTYPE html><html> <head> <meat charset="UTF-8"> <title>CSS3过渡</title> </head> <style> /*显示*/ .box { width: 100px; height: 100px;
2022-03-04 21:39:55
132
原创 响应式web开发chapter2/2-1
css文件，相同于前面chapter/demo02、03的css字体文件。有文件的则无需下载。百度网盘2-1/index.html文件<!DOCTYPE html><html> <head> <meat charset="UTF-8"> <title>广告软文推广页面 </title> <link href="css/advertising.css" rel="styles
2022-03-04 21:23:26
937
3
原创 响应式web开发chapter2/demo07
图片文件/百度网盘，demo05或者demo06下载过就无需下载。https://pan.baidu.com/s/1_WjoLu9bb2uxVyg3G4QTuA?pwd=0000把图片文件下载下来与demo07放在同一文件夹内，进行引用
2022-03-03 15:29:06
119
原创 响应式web开发chapter2/demo06
图片链接/百度网盘https://pan.baidu.com/s/1_WjoLu9bb2uxVyg3G4QTuA?pwd=0000把图片文件下载下来与demo05放在同一文件夹内，进行引用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS3 resize调整大小</title> </head&g
2022-03-03 14:54:47
244
原创 响应式web开发chapter2/demo05
盒子模型<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>盒子模型</title> </head> <style> .box { width:600px; } img { width:..
2022-03-03 14:49:54
113
原创 响应式web开发chapter2/demo03
矢量图的插入；还是与chapter2/demo02连接css字体文件的方式一样。css文件内包含了矢量图。保证css文件与demo03文件在一个文件夹内。<!DOCTYPE html><html> <htad> <meta charset="UTF-8"> <title>字体图标应用</title> <link href="css/css/font-awesome
2022-03-03 12:43:20
161
原创 响应式web开发chapter2/demo02
字体文件：百度网盘链接将字体文件下载解压之后放入demo02同一个文件夹下。字体使用<!DOCTYPE html><html> <htad> <meta charset="UTF-8"> <title>@font-face的用法</title> </htad> <style> /*用于引入字体，并自定义字体名称myFont*/
2022-03-03 12:33:59
122
原创 响应式web开发chapter2/demo01
设置文本阴影<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>text-shadow属性</title> </head> <style> p { font-size:50px; text-shadow:10px 10px
2022-03-03 12:25:32
204
原创 Web前后端交互技术诗词欣赏《满江红》
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>诗词欣赏</title> </head> <body> <center> <h1>满江红 怒发冲冠</h1> <del>现•*.
2022-02-28 14:13:38
541
原创 响应式web开发chapter1/许愿墙
index.html文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>许愿墙</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div cla
2022-02-25 12:41:52
2090
原创 响应式web开发chapter1/dem07
<!DOCTYPE html><html> <htad> <meta charset="UTF-8"> <title>线性渐变</title> </htad> <style type="text/css"> .rainbow-randial-gradient { width:300px; h.
2022-02-25 11:48:28
202
原创 响应式web开发chapter1/dem06
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>线性渐变</title> </head> <style type="text/css"> .rainbow-linear-gradient{ width:460px; hei.
2022-02-25 11:18:46
245
原创 响应式web开发chapter1/三栏内容
index.html文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>三栏布局页面</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body>...
2022-02-24 16:36:56
649
2
原创 响应式web开发chapter1/dem04
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS特殊边框效果</title> </head> <style> body { padding:0; background-color:#e0e9e4; }.
2022-02-24 16:33:17
350
原创 响应式web开发chapter1/dem03
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS圆角边框</title> </head> <style> /*padding是内边距*/ section {padding:10px} div { displa.
2022-02-24 16:32:39
172
原创 响应式web开发chapter1/dem02
<!DOCTYPE html><html> <style> .div1 { background-color:#eee; width:200px; height:200px; /*设置上边距的值为50px，设置padding的值为10px*/ margin-top:50px; padding:10px;.
2022-02-24 16:31:32
178
原创 响应式web开发chapter1/dem01
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>庄文烨</title> </head> <body> <!--这是注释--> <nav> <u1> <li&.
2022-02-24 16:30:24
168
原创 响应式web开发chapter1/dem05
<!DOCTYPE html><html> <head> <meat charset="UTF-8"> <title>对象阴影</title> </head> <style> .box { box-shadow: 7px 4px 10px #000 inset; width.
2022-02-24 16:26:09
417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人