- 博客(14)
- 收藏
- 关注
原创 表格
表格(table) 在网页中表格可以用来表示一些格式化的数据 ▪ 用来创建一个表格 table ▪ tr表示表格中的一行 tr ▪ td表示一个单元格 ▪ 表格的列数,由td最多的那行决定 □ colspan 横向的合并单元格 □ rowspan 纵向的合并单元格 ▪ 属性: td ▪ 表格头部,用来放头部的tr thead ▪ 表格的主体,用来放主体的tr ▪ 注意:如果创建表格时,没有指定tbody,则所有的td会自动添加到一个tbody tbody ▪ 表格的底部,用来放底部的tr tfoot ▪
2021-04-29 18:45:55
166
原创 背景相关的样式
背景相关的样式 background-image 背景颜色 background-color 背景的重复方式 ▪ repeat 水平垂直双方向重复 ▪ repeat-x 水平方向重复 ▪ repeat-y 垂直方向重复 ▪ no-repeat 不重复 可选值: background-repeat 设置背景图片的尺寸 ▪ 可以设置数值或百分比(auto) ▪ cover 背景图片铺满元素 ▪ contain 让背景图片在元素中完整显示 可选值: background-size □ top left righ
2021-04-29 16:36:49
209
原创 表单
表单 现实生活中的表单是用来提交信息的,比如:办理银行卡填写的申请表、找工作填写的简历、入学时填写的个人信息表。这些都是表单的一种 网页中的表单是用来向服务器提交信息的,我们最常用到的表单就是baidu的搜索框 表单可以将用户填写的信息提交的服务器 例子: 表单项 input input是我们使用的最多的表单项,它可以根据不同的type属性呈现不同的状态。 type属性可选值: text:文本框 password:密码框 submit:提交按钮 radio:单选按钮 checkbox:多选框 reset
2021-04-25 19:07:48
181
原创 弹性盒模型
弹性盒(FlexBox) .FlexBox是CSS提供的用于布局的一套新属性。 弹性盒是一种简单而强大的布局方式,通过弹性盒可以指明空间的分布方式,内容的对齐方式和元素的视觉顺序。 弹性盒能让元素对不同的屏幕尺寸和不同的显示设备做好适应准备。 两个重要的概念 弹性容器(flex container) 负责在所占空间内布置子元素,控制子元素的布局。 弹性项(flex item) 弹性容器的子元素称为弹性项或弹性元素。 弹性容器 使用display:flex或display:inline_flex将一个元素设置
2021-04-25 18:49:08
160
原创 字体相关的样式
字体相关的样式 字体颜色 ○ color 字体大小 ○ font-size ○ 相关单位 em □ 1em等于1个font-size(当前元素的font-size) ▪ em □ 1rem等于1个根元素的font-size 行高 文本在网页中都需要创建一个文本框,行高就是文本框的高度 ○ 使用 line-height来设置行高,文字默认是在行高中居中 ○ 行高可以指定一个像素值,也可以指定一个整数,指定一个数字的话行高就会是字体的指定的倍数 ▪ 行间距 = 行高 - 字体大小 ○ 通过行高可以用来设置行间
2021-04-22 11:16:48
129
原创 自增长列
自增长列(auto_increment) 实现,用户的学号,自动增长, create table stu4( id int primary key auto_increment, name varchar(50) ); ##插入数据 insert into stu4(name) values(“zsf”); insert into stu4(name) values(“zs”);
2021-04-18 20:50:51
128
原创 唯一约束
唯一约束(unique) 不重复,可以为空 给名字添加唯一的 约束 create table stu3( id int primary key, name varchar(50) unique ); insert into stu3(id,name)values(1,‘zaf’); insert into stu3(id,name)values(2,‘zaf’); ERROR 1062 (23000):Duplicate entry ‘zsf’ for key insert into stu3(id,nam
2021-04-18 20:48:38
141
原创 主键约束
主键约束(primary key) 特点: 不能为空,不重复 ##没有约束 create table stu0( id int, name varchar(50) ) insert into stu0(name) values(“zsf”); ##方式一:创建表,并添加主键约束 create table stu1( id int primary key, name varchar(30) ); ##方式二: create table stu2( id int, name varchar(30), prim
2021-04-18 20:45:28
150
原创 数据完整性
数据完整性 1.1什么是数据完整性 作用:保证 用户的输入的数据 保存到数据库 是正确的。 比如: 年龄:应该是数字, 学号:应该是不重复的。 成绩:不能为空 怎么去保证数据的完整性:添加约束。 完整性约束分类: 实体(记录)完整性 域完整性 引用完整性 1.2实体完整性(行) 实体(entity):就是表中一行的(记录)数据。 实体完整性:标识 每一条数据不重复。 约束类型(通过什么方式解决这个问题): 主键约束(primary key) 不能为空,不重复 唯一约束(unique) 不重复,可以为空 自增
2021-04-18 20:41:48
152
原创 表与表之间的关系
表与表之间的关系 为什么要拆表 拆分表的目的: 为了解决数据冗余问题,可以减少重复数据的储存,表的结构也更加清晰拆分之后: 在某些业务夏,需要查询多个表,速度减低了。 空间和时间 表与表之间的关系 1.一对一 人与身份证的关系: 注意: (1)一对一不存在数据荣冗余问题??可以不拆分表么?可以 (2)什么场景需要拆分 用户信息+身份证+… 表中的字段太多了 2.一对多 最最常见的关系: 学生和成绩的关系:1个学生有多个成绩 。 部门和员工的关系:1个部门有多个员工。 这种关系怎么去建立,怎么去表达 在“多”
2021-04-13 09:54:11
220
原创 数据库的概念
数据库的概念 Mysql:数据库软件 数据库:在软件里面创建多个数据库(逻辑,文件夹) 表:在数据库中,可以创建多个表 数据:数据必须存储在表中 SQL语句分类 DQL查询语言 对表中 数据 的查询 DM(manager)L操作语言 对表中数据的操作 添加数据、删除数据、更新数据、查询数据(DQL) 对Excel中的数据进行处理 DDL定义语言 对数据库(database)、表(table)结构的定义 创建数据库、删除、修改 创建表、删除、修改 创建一个Excel文件 DCL权限控制 对用户的权限的管理 设
2021-04-11 00:15:49
151
原创 CSS中高度塌陷最佳解决方案
CSS中解决高度塌陷(BFC)的方法 高度坍塌:在流式布局中十分常见,当父元素没有高度,子元素设置了float时。导致元素脱离文档流。 原因:子元素脱离文档流,无法撑开父元素 运行 原因:第一个父元素没有设置高度,子元素设置浮动,导致高度被撑开 解决最佳方案:哪个块高度塌陷直接加入即可,既可以解决高度塌陷问题,又可以解决外边距重叠问题。 .clearfix::before, .clearfix::after{ content:""; display:table; clear: both; } 缺点
2021-04-08 21:37:03
184
原创 mysql中删除数据库语句
删除数据 语法 delete from 表名 where 条件 删除所有数据 delete from t_user ; 根据条件删除 删除学号为1学生数据 delete from t_user where id = 1 ; 删除名字为ww学生数据 delete from t_user where name = ‘ww’ ; truncate 删除 删除所有数据 truncate table t_user; truncate与delete 删除的区别(面试题) Delete:一行一行的把数据删除 Trunca
2021-04-07 21:25:13
2489
原创 什么是模糊查询?
什么是模糊查询 介绍 (1)当想查询学生姓名中包含字符a,就需要使用到模糊查询,模糊查询的话使用关键字是like(像) (2)通配符 :任意一个字符 张_:张三,张三丰 张__:张三,张三丰 %:表示0或者多个字符 张% 通配符:_ 查询名字由五个字母构成的 学生记录 Select *from stu where sname like ‘_____’; 查询名字由五个字母构成的,并且第五个字符是i 学生记录 Select *from stu where sname like ‘____i’; 通配符: %
2021-04-07 21:15:32
12267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅