前端基础 - 随笔分类 - 砚台是黑的

demo60-圆角属性

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 300px; height: 300px; background: pink; /* 阅读全文

posted @ 2020-03-28 22:14 砚台是黑的阅读(122) 评论(0) 推荐(0)

demo59-作业2注册表单

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*设置整个背景颜色为淡蓝色*/ body{ background: #00ccff; } .reg{ width 阅读全文

posted @ 2020-03-28 22:12 砚台是黑的阅读(124) 评论(0) 推荐(0)

demo58-作业1

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table{ width: 650px; height: 250px; border: 1px solid #DD 阅读全文

posted @ 2020-03-28 22:08 砚台是黑的阅读(156) 评论(0) 推荐(0)

demo57-小结

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <!-- ps取色 Mark Man 测出来是单数,建议写成双数,方便以后计算 css颜色表示: 英阅读全文

posted @ 2020-03-28 22:05 砚台是黑的阅读(87) 评论(0) 推荐(0)

demo56-CSS权重

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ color: blue; } #1{ color: red; } </style> </head> <bo 阅读全文

posted @ 2020-03-28 22:04 砚台是黑的阅读(109) 评论(0) 推荐(0)

demo55-固定定位

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ /* * 固定定位 position: fixed; * */ position: fixed; wi 阅读全文

posted @ 2020-03-28 22:03 砚台是黑的阅读(126) 评论(0) 推荐(0)

demo54-模仿京东

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 590px; height: 470px; border: 4px solid green 阅读全文

posted @ 2020-03-28 22:01 砚台是黑的阅读(217) 评论(0) 推荐(0)

demo53-绝对定位

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ width: 300px; height: 300px; background: pink; /*绝对阅读全文

posted @ 2020-03-28 22:00 砚台是黑的阅读(122) 评论(0) 推荐(0)

demo52-相对定位

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; background: pink; /*设置相阅读全文

posted @ 2020-03-28 21:58 砚台是黑的阅读(144) 评论(0) 推荐(0)

demo51-盒子模型布局稳定性

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ padding: 50px 50px; background: pink; } </style> </ 阅读全文

posted @ 2020-03-28 21:57 砚台是黑的阅读(135) 评论(0) 推荐(0)

demo50-版心居中

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 1000px; height: 300px; background: pink; /* 版阅读全文

posted @ 2020-03-28 19:18 砚台是黑的阅读(184) 评论(0) 推荐(0)

demo49-表格合并

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table{ width: 1000px; height: 50px; border: 1px solid bla 阅读全文

posted @ 2020-03-28 19:02 砚台是黑的阅读(131) 评论(0) 推荐(0)

demo48-表格标签

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table{ width: 800px; height: 50px; border: 1px solid blac 阅读全文

posted @ 2020-03-28 18:46 砚台是黑的阅读(147) 评论(0) 推荐(0)

demo47-作业2用户登录

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*.all{ width: 502px; height: 302px; line-height: 200%; b 阅读全文

posted @ 2020-03-28 18:13 砚台是黑的阅读(145) 评论(0) 推荐(0)

demo46-作业1用户注册

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人信息</title> <style type="text/css"> div{ width: 440px; height: 500px; background: #f2f2f2 阅读全文

posted @ 2020-03-28 18:10 砚台是黑的阅读(149) 评论(0) 推荐(0)

demo45-部分总结

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <!-- 总结: 路径相对的会就行列表有序知道即可 ul无序的必会 css选择器7种 1.标签选择器直接使用标签找 2.class类选择器阅读全文

posted @ 2020-03-28 18:09 砚台是黑的阅读(85) 评论(0) 推荐(0)

demo44-溢出属性overflow

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px; background: yellow; /* 阅读全文

posted @ 2020-03-28 18:08 砚台是黑的阅读(136) 评论(0) 推荐(0)

demo43-转换方式

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; background: pink; /* di 阅读全文

posted @ 2020-03-28 18:01 砚台是黑的阅读(94) 评论(0) 推荐(0)

demo42-标签总结

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px; background: red; } /* a 阅读全文

posted @ 2020-03-28 17:59 砚台是黑的阅读(212) 评论(0) 推荐(0)

demo41-案例练习

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .con{ width: 560px; height: 260px; background: whitesmoke 阅读全文

posted @ 2020-03-28 17:56 砚台是黑的阅读(117) 评论(0) 推荐(0)

砚台是黑的

随笔分类 - 前端基础

公告