代码
1 html lang=' en ' 2 3 head 4 meta charset=' utf-8 ' 5 style 6。盒子{ 7宽度： 800 px；8高： 200 px；9 margin: 0 auto10 } 11 12 .title { 13 text-align : center；14 font: normal 28px '微软雅黑'；15 } 16 17 .副标题{ 18 text-align : center；19 } 20 21 .副标题。时间{ 22 color: gray23 font-size : 14px；24 } 25 26 .副标题。nows _ title { 27 color: red28 font-size : 14px；29 } 30 31 p { 32 text-indent : 2em；33线高： 28px；34 } 35 36 p span { 37 color:蓝色；38 } 39 40输入[type='text'] { 41 color:紫色；42字体粗细： 700；43 } 44 45输入[type='button'] { 46 color:绿色；47 font-size : 12px；48 } 49 50 @ font-face { 51 font-family : '比特流Vera Serif Bold '；52 src : URL(' http://developer . Mozilla . org/@ API/deki/files/2934/=Verasebd . TTF ')；53 } 54 55 .一个{ 56字体系列： '比特流维拉衬线粗体'，衬线57 } 58 59一个{ 60颜色：红色；61 font-family: '微软雅黑'；62 font-size : 1em；63字体粗细：粗体；64字体样式：斜体；65文本-transform:小写；66文本-装饰：无；67 } 68 69 ul { 70 list-style-type :圆形；71列表式-内部位置：72背景-颜色：红色；73 } 74 75 ol { 76 list-style-type : lower-alpha；77 } 78 79 li { 80背景色：浓汤；81 } 82/款式83/头84 85身86 87 div class=' box ' 88 89 H2 class=' title '你知道为什么程没有女朋友吗？真正的原因就在于此~/H2 90 91 Div class=' sub _ title ' 92 span class=' time ' 2018年11月11日11:11/span 93 span class=' news _ title '娱乐新闻(纯属虚构，以此为例)/span 94 a href='# '收集这篇文章/a 95输入类型='text '值='请输入查询条件' 96输入类型='button '值=' search' 97 98/Div 99100 hr梦想中的生活是：升职加薪做CEO，娶白，走向人生巅峰。那么现实就是，别人的生活都是：一杯茶，一包烟，一根断股看一天；而程的一生是：一卷纸，一双手，看了一晚上电影？/p 103104 div='一'程为什么没有女朋友？先给大家看一个非常有趣的现象。和姐姐聊天时程说的所有话可以总结成以下打油诗：/div105 ul106 li你在哪里吃的，为什么吃的？/li107 li唉，喝热水我都心疼/li108 li多穿点又回到外面的寒冷/li109都忙着做梦早睡了//li110/ul11112 p但是当程被问到虫子的时候，/li115 Li这对我有好处。过来看看。/li116 li真奇怪。一切都很好。你什么都没变。/Li 117 Li清除缓存。/li118请尝试重新启动计算机。/Li Li您安装了什么版本的JDK？/Li 120为什么还在使用360浏览器？你可以下载一个谷歌浏览器。/li121 li用户不会像您一样操作。/Li 122/ol 123124/div 125126/body 127/html作为应届生与职场新人，个人原创，还请您订阅，多多支持大师兄哦！
你的订阅就是对我的支持与鼓励！
最后，还请关注，不是干货，我是拿不出手的。谢谢！
再小的创意，也是一种力量。
接下来，我会不时在头条分享中总结应用网站开发、css、html、JavaScript、jQuery、Ajax、node、angular等。
对web前端开发技术感兴趣的同学私信我“学习”，免费领取前端数据工具和开发项目的源代码。
