裁剪标签： HTML： <body> <section> <div></div> </section> </body> CSS: section{ width: 416px; height: 105px; background-color: #444; border-radiu…
饮茶能养生，对此人们已是公认。按照我国传统医药学的说法，茶叶的因品种、产地不同，便有寒温甘苦等茶性的不同，对人体的功效作用也各异。为了取得更佳的保健效果，人们春、夏、秋、冬四季饮茶，要根据茶叶的性能功效，随季节变化选择不同的品种为宜，以益于健康。 春宜饮花茶： 春天大地回春，万物复苏，人体和大自然一样，处于舒发之际，此时宜喝茉莉、桂花等花茶。花茶性…
各种css常用单位： <html> <head> <meta charset="UTF-8"> <title>单位</title> <style> body{ font-size: 30px; } p{ /*缩进2个字符*/ text-indent: 2em; /*font-v…
深度操作系统是一个致力于为全球用户提供美观易用、安全可靠的Linux发行版。 深度操作系统 15.4采用全新设计的控制中心以及重构桌面，模糊透明整体风格，全新的热区交互及窗口管理器动效，集成精挑细选的桌面壁纸；采用全屏化安装方式和升级最 新稳定的内核版本，深度系列应用升级到最新版本；新增了繁体中文（香港）和阿姆哈拉语，台湾繁体改成正體中文。 &nb…
标签类型： <html> <head> <meta charset="UTF-8"> <title>标签类型</title> <style> span{ color: red; /*display: none; 可以隐藏标签*/ /*visibility: hidden; 也可…
背景图片： <html> <head> <meta charset="UTF-8"> <title>背景图片</title> <style> body{ /* 流式布局 从左到右 从上到下 */ height: 100%; /*因为标签总是会尽最大努力占据最小高度 所以当bod…
边框： <html> <head> <meta charset="UTF-8"> <title>边框</title> <style> hr{ width: 300px; color: red; } section{ width: 300px; height: 300px; /*…
大家来学习下内间距和外间距。主要东西在代码注释中 代码如下： <html> <head> <meta charset="UTF-8"> <title>内间距和外间距</title> <style> *{ /* *星号表示页面上的所有元素*/ box-sizing: border…
表格的实践。 代码： <html> <head> <meta charset="UTF-8"> <title>费用报销单</title> <style> main{ width: 21cm; margin: 3cm auto 0; box-shadow: 0 0 10px #1…
列表、引用标签、定义标签、figure标签、表格等标签用法的学习。 列表： <html> <head> <meta charset="UTF-8"> <title>有序列表和无序列表</title> <style> ol{ counter-reset: ol; } li{ /*…
点缀： <html> <head> <meta charset="UTF-8"> <title>点缀</title> <style> div::before{ content: '这是前缀...'; color: red; font-size: 18px; } div::aft…