复习了链表知识
1.对增删改查和链表的创建进行了复习。
头插法建立链表
#include<stdio.h>
#include<stdlib.h >
struct node
{
int data;
struct node *next;
};
struct node *list()
{
struct node *head;
struct node *p;
int sum;
head=(struct node*)malloc(sizeof(struct node));
head->next=NULL;
scanf("%d",&sum);
while(sum!=0)
{
p=(struct node*)malloc(sizeof(struct node));
p->data=sum;
p->next=head->next;
head->next=p;
scanf("%d",&sum);
}
return head;
}
int main()
{ struct node *phead;
phead=list();
while(phead->next!=NULL)
{ phead=phead->next;
printf("%-2d",phead->data);
}
return 0;
}
尾插法建立链表以及增删改查
#include<stdio.h>
#include<stdlib.h >
struct node
{
int data;
struct node *next;
};
struct node *list()
{
struct node *head;
struct node *p;
struct node *end;
int sum;
head=(struct node*)malloc(sizeof(struct node));
head->next=NULL;
end=head;
scanf("%d",&sum);
while(sum!=0)
{
p=(struct node*)malloc(sizeof(struct node));
p->data=sum;
p->next=NULL;
end->next=p;
end=p;
scanf("%d",&sum);
}
return head;
}
struct node *listprintf(struct node *phead)
{
while(phead->next!=NULL)
{ phead=phead->next;
printf("%d",phead->data);
}
}
struct node *add(struct node *phead)
{
int a,b;
struct node *p;
struct node *s;
struct node *q;
q=(struct node*)malloc(sizeof(struct node));
p=phead;
q=p->next;
scanf("%d %d",&a,&b);
s=(struct node*)malloc(sizeof(struct node));
s->data=b;
while(1)
{
if(q->data==a)
{
s->next=p->next;
p->next=s;
break;
}
p=p->next;
q=q->next;
}
return phead;
}
struct node *dl(struct node *phead)
{
int a;
struct node *p;
struct node *q;
q=(struct node*)malloc(sizeof(struct node));
p=phead;
q=p->next;
scanf("%d",&a);
while(1)
{
if(q->data==a)
{
p->next=q->next;
free(q);
break;
}
p=p->next;
q=q->next;
}
return phead;
}
int main()
{ struct node *phead;
int s;
phead=list();
scanf("%d",&s);
if(s==1)
{
phead=add(phead);
}
if(s==2)
{
phead=dl(phead);
}
listprintf(phead);
return 0;
}
2.做了一个学生管理系统。
bootStrap 栅格系统 和 媒体查询
Bootstrap 栅格系统的特点：
1_“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，
以便为其赋予合适的排列（aligment）和内间距（padding）。
2_通过“行（row）”在水平方向创建一组“列（column）”。
3_你的内容应当放置于“列（column）”内，
并且，只有“列（column）”可以作为行（row）”的直接子元素。
4_栅格系统中的列是通过指定1到12的值来表示其跨越的范围。
例如，三个等宽的列可以使用三个 .col-md-4 来创建。
5_如果一“行（row）”中包含了的“列（column）”大于 12，
多余的“列（column）”所在的元素将被作为一个整体另起一行排列。
.container 表示固定宽度，在不同的设备上有不同的固定宽度
.container-fluid 在所有的设备上都是以100%占全屏
这两个表示栅格系统的两种容器，一般放在最外面
.row或不写 表示容器中的一行，一行最多有12列
.col-xx-n
xx有四个取值
- lg大型设备，如：电视机
- md 中型设备，如：电脑
- sm小型设备，如：平板
- xs微型设备，如：手机 这一格在某种设备上占多少列
.col-lg-3 在大型设备中一个单元格占3列
.col-md-6 在中型设备中一个单元格占6列
.col-sm-2 在小型设备中一个单元格占2列
.col-xs-8 在微型设备中一个单元格占8列
.hidden-lg/md/sm/xs 在指定设备上隐藏
.visible-lg/md/sm/xs 只在指定的设备上显示，默认都是显示的
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 栅格系统</title>
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<style>
div{
height: 200px;
border-style: solid;
}
</style>
</head>
<body>
<div class="container">
不同设备固定宽高
<!--容器，相当于table-->
<div class="container">
<!--行，相当于tr-->
<div class="row">
<!--列，相当于td，在中型设备/电脑上，一个单元格占1列，这里的单元格理解为div-->
<div class="col-md-1">
1个单元格占1列
</div>
<div class="col-md-1">
1个单元格占1列
<!--也能嵌入一个栅格-->
</div>
<div class="col-md-1">
1个单元格占1列
</div>
<div class="col-md-3 visible-xs">
3/在手机中显示
</div>
<div class="col-md-3 hidden-sm">
4/在平板中隐藏
</div>
<div class="col-md-3 hidden-sm">
4/在平板中隐藏
</div>
</div>
</div>
<div class="container-fluid">
所有设备自动填充宽高
<div class="row">
<!--div中满足三种样式-->
<div class="col-md-3 col-sm-4 col-xs-6">
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
</div>
</div>
</div>
</body>
</html>
了解一下媒介查询@media
通过不同的媒介/设备类型和条件定义样式表CSS规则。
媒介查询让CSS可以更精确作用于不同的媒介/设备类型和同一媒介的不同条件。
媒介查询的大部分媒介特性都接受min和max用于表达“大于或等于”和“小于或等于”。
打开文件：bootstrap.css，可以看到以下代码：
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;//居中
margin-left: auto;
}
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {//如果设备宽度>=768px，那么div宽度为750
.container {
width: 750px;
}
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.container {
width: 970px;
}
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
所以当我们创建div的类样式名container，则会根据屏幕的大小发生变化。
<div class="container"></div>
————————————————
原文链接：https://blog.csdn.net/h294590501/article/details/80552862