* 所有标签 标签名称 所有同名的标签 #id 指定此id的标签 .className 含有此className的元素 A B 后代选择器 A>B 子代…
各种css常用单位： <html> <head> <meta charset="UTF-8"> <title>单位</title> <style> body{ font-size: 30px; } p{ /*缩进2个字符*/ text-indent: 2em; /*font-v…
标签类型： <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…
这篇论文没用H5写完，其余的方法都一样，主要是学习方法。 HTML代码： <html> <head> <meta charset="UTF-8"> <title>基于 HTML5 的移动阅读内容展示方式</title> <link rel="stylesheet" href="sty…
好久之前做了这个作业，今天才讲，素材里包括源文件，代码供上： <html> <head> <meta charset="UTF-8"> <title>个人主页</title> <style> body{ margin: 0; } #nav{ background-color: …