寒假第一周学习笔记

2019/01/20~28学习内容记录

近期学习的主要内容有三项：

1. 《计算机三级数据库技术》的浏览
2. MySQL入门教程的观看
3. CSS3的教程观看
   其中浏览三级数据库的书并没有明显收获，可能是没有阅读到关键部分或者没有搞清楚三级数据库的考点重心所在。
   首先要明白一点：全是要点即为无要点，因此我们这篇笔记并不会多正经嘿嘿嘿

关于数据库入门（安装、常用操作）

首先是MySQL的MSI方法的安装与配置

其实我挺不喜欢用“首先其次”这样的连接词，但是 ，， 但是只能这么说咯，因为暂时也还没想到其他的呢

1. 安装类型一般选择typical（默认目录为C:\Program Files\MySQL…）
2. 安装、配置、检查配置服务环境变量等的安装是否完整（配置向导为MySQL Instance Configuration，位于MySQL的bin目录下，配置文件为my.ini）

前面括号里的三小句可是一句一要点哦~~哈哈哈哈~怎么又是各种要点

3. 了解MySQL的目录结构（bin存储的是可执行文件、data、docs、include存储的是包含的头文件、lib存储的是存储库文件，share则为错误消息和字符集文件）

其实大多数软件的目录结构也是这样的

4. 使用my.ini修改[mysql]下的default-character-set和[mysqld]下的character-set-server为utf8（一定不要是HTML中习惯写的"uft-8"）
   其实慕课网的markdown引用这方面的显示效果并不很好

其次是用命令行执行MySQL的启动关闭、登陆退出以及常用操作

1. 启动命令为:net start/stop mysql（其他的服务的启动与关闭也是此命令，换掉mysql即可）

2. 参数	描述
   -v, (version)	输出版本信息并退出
   -u,(username)	用户名
   -p,(password)	密码，可先不填等待系统提示再填
   -P,(port)	端口号，默认为3306
   -h,(host == name)	服务器名称，默认为127.0.0.1，本地回环地址

   本地回环地址，有点意思哦豁~
   退出时只需要在mysql或者规定的提示符下用exit或者quit或者\q任意一个命令即可退出
3. 修改提示符：

• 在登录时使用"- -prompt+提示符"
• 在登录后使用"prmpt+提示符"命令
• 默认提示符为"mysql>"

• 参数	描述
  \D	完整的日期
  \d	当前的数据库
  \h	当前的主机名
  \u	当前的用户名

  这是常用的提示符的参数

4. 常用的命令：
   关键字与函数名称大写、数据库名称表名称字段名称全部小写、分号结尾。
   花括号必选

• SELECT VERSION();            显示当前服务器版本
• SELECT NOW();              显示当前时间
• SELECT USER();              显示当前用户
• CREATE {DATABASE | SCHEMA} [IF NOT EXISTS] db_name [DEFAULT] CHARACTER SET [=] charset_name ;   创建数据库
• SHOW DATABASE;             显示当前已有数据库
• SHOW WARNINGS;              显示错误信息
• SHOW CREATE DATABASE db_name;       显示创建数据库时的指令
• ALTER {DATABASE | SCHEMA} db_name [DEFAULT] CHARACTER SET [=] charset_name;                  更改编码方式
• DROP {DATABASE | SCHEMA} [IF EXISTS] db_name;  删除数据库
  限于HTML和Markdown的样式，，只能搞出这种别致的排版样式了哈哈哈

关于CSS3（其实有一部分内容是对之前所学内容的整理）

CSS3就有意思多了嘿嘿嘿

首先是边框

1. 边框的三个新属性之一：border-radius（注意不要拼写成radious）一个参数 ，主要用来实现圆角效果，单位可以是px，也可以是百分数。
2. 边框的三个新属性之二：box-shadow ，六个参数，分别是：h（水平偏移） | v（竖直偏移） | blur（羽化值）| spread（模糊半径） | inset/outset（内部/外部，默认外部） |
   先来个小小的尝试：
3. 边框的三个新属性之三：border-image
   | source | slice | repeat |
   source通常为url(border.png)
   slice的四个值分别是切割线距离相应边的距离
   repeat三个值，默认为stretch, 还可以是round和repeat
   如果把上面几个东西搞到一起会是怎么样的呢？

然后是background

background:[bg-color] | [bg-image] | [bg-position] | [/bg-size] | [bg-repeat] | [bg-attachment] | [bg-clip] | [bg-orgin] | …

1. bg-position: 三种属性值（关键词、百分比、长度值），注意其中的百分比是同时作用于元素以及其背景（比如50% ,50% 确定的实际上是元素的中心以及背景的中心两个点，这两个点重合后即为效果）
2. bg-size:用于调整背景图片大小
3. bg-repeat:repeat（默认）、repeat-x（水平方向重复）、repeat-y、no-repeat、inherit（继承父元素）
4. bg-attachment: scroll（默认值，背景图像会随页面其余部分滚动而滚动）/ fixed（与scroll相反，固定）/ inherit
5. bg-clip: border-box/ padding-box/ content-box/ text 分别表示从外边框，内边框，内容部分开始裁剪背景，使用text时是以前景内容的形状开始向外裁剪，可以实现填充效果
6. bg-origin: 规定bg-position中原点位置，border-box、padding-box、content-box

接着是颜色

1. rgba(,)加上了alpha透明度
2. 线性渐变：linear-gradient(渐变方向，起始点颜色值，（中间颜色值），结束点颜色值)渐变方向可以用deg或者英文方向，默认为180deg，即bottom，从上到下。

最后是文字与字体

1. text-indent控制段落第一行的缩进，可继承
2. text-transform四个属性值none/ uppercase/ lowercase/ capitalize（每个单词的首字母大写）
3. text-decoration五个属性值none/ underline/ overline/ line-through/ blink（文本闪烁）
4. white-space对文本中空白符（空格、tab）和换行符的控制

   参数值	解释
   normal	丢掉多余的空白符，转换为一个空格
   pre	所有的空白符不会被忽略
   nowrap	防止文本换行
   pre-wrap	同时具有pre和wrap的特点，既能保留所有空白符，也能换行
   pre-line	合并空白符，但是保留换行符

5. direction:ltr/ rtl 但是对于行内元素使用direction属性需要其unicode-bidi属性为embed或者bidi-override（至于unicode-bidi属性，，有待研究）
6. text-shadow:四个参数： 水平阴影 | 垂直阴影 | 模糊距离 | 阴影颜色
7. word-wrap:break-word自动换行，允许强制换行
8. text-overflow:clip（剪切） | ellipsis（显示省略标记）
   但是要实现溢出时显示省略号还需要加overflow:hidden和white-space:nowrap
9. @font-face{font-family:字体名称 src:字体在服务器上的路径 }