2023/5/30总结

CSS

滤镜:

filter:

属性blur,模糊处理,数值越大越模糊。用来处理图片。

calc函数

对于css的块元素,可以用calc函数来计算:比如如果需要写父盒子宽度的一半再减去30px。可以写成width:calc(50%-30px),可以计算出值。

过渡

transition: 属性 所需时间 运动曲线 开始时间

属性写你所想要的属性变化,花费时间单位是秒,必须带单位s,运动曲线通常写easa,开始时间 也是秒。后面俩个可以省略。如果需要写多个,用逗号进行分割。或者写all 也可以

2023/5/30总结_第1张图片

2023-05-29 11-14-01-816

实践

然后就是跟着视频做了一个网站:一共三个网页

这是我的主页:

 2023/5/30总结_第2张图片

2023/5/30总结_第3张图片

下面打开的网页 

2023/5/30总结_第4张图片

 2023/5/30总结_第5张图片

2023/5/30总结_第6张图片

 

2023/5/30总结_第7张图片

2D变形:

可以实现元素的位移,旋转,缩放等效果

transform 

属性:translate(x,y)  设置x y的坐标  translateX 设置x轴坐标  translateY 设置y轴坐标。它不会影响其他元素的位置,只会改变自己的位置。主要用于鼠标经过元素是,往上走的功能。如果属性的参数是百分比,那么移动的距离是盒子自身的宽度或者高度。对行内元素不起作用。

旋转:

ratate

语法:transform:rotate(度数),单位是deg,正数是顺时针,负数是逆时针。以元素中心点来旋转。

如果向设置旋转的中心点,可以写:transform- origin,来设置。具体的语法是:transform-origin:x y  可以写%,也可以写方位名次  top bottom left right center。

缩放:

scale(x,y)

其中x表示对宽度,y表示对高度。如果写的是scale(1,1)表示宽度高度放大一倍。如果写的是scale(0.5,0.5),表示缩小。这个的优点是,缩放是以中心来缩放的,而且不会影响其他的元素。

MySQL必知必会的笔记:

数据库软件应称为DBMS(数据库管理系统)

主键:表中每一行都应该有唯一标识自己的一列。表中的任何列都可以作为主键,需要满足下面几个条件:

  • 任意俩行都不具有相同的主键值。
  • 每一行都必须有应该主键值,主键不能是NULL值

SQL:结构化查询语言。

DBMS可以分为俩类:基于文件系统的DBMS,另外一类是基于客户机-服务器的DBMS。

使用dos系统来使用MySQL:

  • 用;或者\g作为结束符。
  • 输入help或者\h获得帮助。
  • 输入quit或者exit退出程序。

主机名(计算机名)——如果连接到本地MySQL服务器,位localhost。

端口:默认是3306

use语句不返回任何结果,依赖于使用的客户机,显示某种形式的通知。

  • show databases  返回可用数据库的一个列表。
  • show tables  返回当前选择的数据库里面可用的列表。

 

show colums from 表名 ,这个语句对每个字段返回一行,行中包括字段名称、数据类型、是否允许空值、键信息、默认值以及其他信息。

describe语句  descirbe 表名称  和show colums from 表名称 作用相同。

  • show status 显示广泛的服务器状态信息。
  • show create database 和show create table  分别用来显示传教特定数据库或者表的语句。
  • show grants 用来显示授予用户的安全权限
  • show errors 和 show warnings 用来显示服务器的错误或者警告消息。

sql语句不区分大小写。

*号代表所有

distinct  关键字,只返回不同的值。表中的列里面的值很可能会有重复 在列前面加上这个关键字,就可以。另外不能部分使用distinct,这个关键字作用于所有列而不仅仅是前置它的列。

limit  语句用来限制返回的数据个数。有俩个参数,第一个参数,从哪里开始,可用省略,第二个参数,需要几条数据,不可省略。

MySQL语句指向匹配的时候,字符是不区分大小写的。

NULL它与包含0、空字符串或者仅仅包含空格不同。select语句有一个特殊的where语句,用来检查是否为空值 is NULL 

in操作符用来指定条件范围,范围中的每个条件都可以进行匹配。in操作符号比or操作符执行更快。

在搜素子句中使用通配符,必须使用like操作符。

  • % 代表搜素任何字出现的任意次数,可以是0次。
  • _下划线,下划线匹配单个字符而不是多个字符。总是匹配一个字符。

主要注意的是:不要过渡使用通配符,它的处理比其他搜索要慢的多。

你可能感兴趣的:(css,html,javascript)