随笔分类 -  网页训练

第一次做网页是在学长的作品上自己在geogle上一个个看着文档改的
摘要:1、在css网页练习中 >E > F 表示选择E元素的所有子F元素,与E F的区别在于,E F选择所有后代元素,>只选择下面的一代2、nth-child是个伪类的用法,如p:nth-child(2)就表示在p的父元素中选择位居第二位的p 阅读全文
posted @ 2020-06-15 22:13 菜鸟不忘初心 阅读(202) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } ul{ list-style: none; /* 取消列表的默认 阅读全文
posted @ 2019-11-30 17:43 菜鸟不忘初心 阅读(641) 评论(0) 推荐(0)
摘要:HTML<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" href="盒子阴影.css"> <meta charset="UTF-8"> <title>Title</title></head><body><h1>稳住我们能赢!< 阅读全文
posted @ 2019-11-30 17:41 菜鸟不忘初心 阅读(210) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .box1{ /*height: 200px; 嵌套盒子的父亲不方便给高度 */ width: 600px; background-color: pink; ov 阅读全文
posted @ 2019-11-30 17:38 菜鸟不忘初心 阅读(456) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0 auto; padding: 0 auto; } .top, .banner, .main, 阅读全文
posted @ 2019-11-30 17:19 菜鸟不忘初心 阅读(304) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> *{ margin: 0; padding: 0; } /*相同的样式我们可以使用并集选择器*/ .top, .banner, .main, .footer { 阅读全文
posted @ 2019-11-30 17:17 菜鸟不忘初心 阅读(570) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" href="css盒模型.css"> <meta charset="UTF-8"> <title>Title</title></head><body><div></div><di 阅读全文
posted @ 2019-11-30 00:20 菜鸟不忘初心 阅读(136) 评论(0) 推荐(0)
摘要:总体的html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="1.css"> <title>Title</title></head><body><span>G</spa 阅读全文
posted @ 2019-11-30 00:15 菜鸟不忘初心 阅读(446) 评论(0) 推荐(0)
摘要:html 当时做到的就是这些了 <!DOCTYPE html><html lang="en"><head> <title>病人信息查询系统</title> <meta charset="UTF-8"> <link href="css/style.css" rel="stylesheet" type= 阅读全文
posted @ 2019-11-29 22:40 菜鸟不忘初心 阅读(249) 评论(0) 推荐(0)