发表于： 2019-12-27 02:26:15
1 1103
今日完成事情：
完成了 CSS任务的第四个任务，同时为自己的服务器搭建好了 LNMPR环境（Linux + NGINX + MYSQL + PHP + REDIS）
明日计划的事情：
完成任务5，同时学会给PHP配置路由
遇到的问题：
1.关于前端学习 任务4 开始搞不定此任务最顶层蓝色条置顶并填充整个屏幕，经研究后学会了position的fixed定位
2.关于前端学习 任务4 在页面顶端 文字对齐方面开始遇到了问题，后来通过position的relative定位解决
3.不知LNMPR环境时，遇坑一大堆，虽然以前也部署过，但从头来一遍还是遇到了很多问题，幸好都通过百度解决
今日学习收获：
1.关于定位问题，目前学习到的position的定位属性有三种，分别是 fixed，absolute以及relative，下面对如下三种进行总结：
* fixed：完全脱离页面中的父子元素关系及文档流，相对于浏览器窗口进行定位，并通过left，top，right，bottom进行定位，通常适用于始终需要置顶或置底者在页面中某个地方显示的元素。
* relative：不脱离文档流，同时相对自身本身应正常显示的位置开始定位，例如假设某元素父级div元素设置了居中显示（text-align: center），则此元素的position属性被设置为relative后首先居中显示，再根据left，top，right，bottom属性进行定位。此方式通常适用于例如本任务中的紧跟图片的输入框或其他需要跟父元素居中靠左或靠右的情况。float属性可与此属性同时使用。
* absolute：脱离文档流，同时相对于父元素的左上角开始定位，例如假设某元素父级div元素设置了居中显示（text-align: center），则此元素的position属性被设置为absolute后则显示在父元素的左上角，再根据left，top，right，bottom属性进行定位。
2.今日在进行页面时，由于遇到了div的背景挡住了文字的情况，还额外学习了css的渲染景深属性z-index。测试代码如下：
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:100;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="/i/eg_smile.gif" />
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>
假设改变了上述代码的z-index的值，例如为100，则可覆盖着文字。
3.针对一台裸CentOS系统（阿里云），配置LNMPR的步骤如下：
首先更新yum源：
cd /etc/yum.repos.d/
mv CentOS-Base.repo CentOS-Base.repo.bak
wget http://mirrors.aliyun.com/repo/Centos-7.repo
mv Centos-7.repo CentOS-Base.repo
yum update -y
安装redis，mysql客户端，php，nginx
yum install nginx php mysql redis
安装mysql服务器
rpm -ivh http://repo.mysql.com/yum/mysql-5.7-community/el/7/x86_64/mysql57-community-release-el7-10.noarch.rpm
yum install mysql-community-server -y
启动mysql同时配置自启动：
systemctl start mysqld
systemctl enable mysqld
在/etc/rc.local中加入上述俩句
登陆数据库
mysql -uroot -p$(awk '/temporary password/{print $NF}' /var/log/mysqld.log)
修改root密码
set password for root@localhost = password('root的密码');
配置redis自启动
systemctl start redis
systemctl enable redis
在/etc/rc.local中加入上述语句
安装php的mysql支持
yum install php-mysqlnd
配置/etc/php.ini
加入
extension_dir = "ext"
extension_dir = "/usr/lib64/php/modules/"
安装php的redis支持
yum install php-redis
重启php和mysqld，systemctl restart mysqld
配置nginx支持php
vi /etc/nginx/nginx.conf
在文件中，server下面加入：
location ~ \.php$ {
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}
重启nginx
pkill -9 nginx
cd /usr/sbin/
nginx
重启php-fpm
pkill -9 php-fpm
php-fpm &
给开机启动脚本加可执行权限（CentOS7中除去了rc.local文件的可执行权限）
chmod +x rc.local
vi /etc/rc.local，加入下面俩行命令
/usr/sbin/nginx
/usr/sbin/php-fpm
返回列表
评论