[散修弟子]CSS-3065|2017年03月05日的日报-技能树.IT修真院

发表于： 2017-03-05 12:35:36

2 889

今日完成的事：学习切图，大致明白了切图的目的以及方法；复习了内外边距以及盒子模型；任务三，查阅了各种资料的情况下做出了自己网页。

明天完成的事：任务四，学习相对定位、绝对定位的相关知识，完成第一个移动端登录页。

遇到的难题：

1、设置页面自动铺满浏览器而不出现滚动条时，在子元素中设置height：100%无法奏效；

原因：web浏览器在计算有限宽度时会考虑浏览器窗口的打开宽度，如果不给窗口宽度设置任何缺省值，浏览器会自动将页面铺满整个横向宽度。但是计算高度的时候完全不一样，事实上浏览器根本不会像自动宽度一样不给缺省值就能自动铺满，它只会简单的往下堆砌。因为页面没有缺省值，所以当你让某一个元素设定为百分比时，无法根据父元素的高度设定，因为父元素根本没有高度值。也就是说父元素高度设置为height：auto时，其实此时父元素的height为null值，子元素又怎么通过null值来计算高度呢？

解决办法：父元素设定高度值为height：100%，例如：

<p>

<这个div高度为100%>

<p/>

<div/>

<body/>

<html/>

<div>的父元素有两个<html>和<body>，两个都设置height：100%，<div>元素的高度设置100%才会起作用。

注意事项：1、padding和margin会页面出现滚动条。

2、如果元素内容高度大于设定的百分比高度，元素的高度会自动扩展。

3、盒子与盒子之间设定边距时，起点为上一个盒子的边界，而不是页面边界。

2、部署到云服务器，通过网页方式访问出现乱码。

原因：进行HTML编码时，指定的编码方式为UTF-8，但是web服务器默认的是gb2312，二者不一致，导致乱码。

解决办法：配置云服务器中Apache的http.conf文件(Apache2，则配置apache2.conf文件），执行命令：vi /etc/apache/http.conf(apache2的执行vi /etc/apache/apache2.conf)把AddDefaulitCharset:gb2312注释掉（前面加“#”），即可。

3、有时候在本地制作的网页中出现中文，但是在云服务器上打开时出现乱码

原因：云服务器默认安装英文环境，查看方法：命令行（终端）输入执行#:echo $LANG

屏幕显示：en_US.UTF-8

说明现在是英文环境，需要切换到中文环境。

解决办法：

安装中文环境语言包：

apt-get install language-pack-zh-hans

配置

执行命令：vi /etc/default/locale

把原来的内容替换成一下内容：

LANG="zh_CN.UTF-8"

LANGUAGE="zh_CN:zh"

LC_NUMERIC="zh_CN"

LC_TIME="zh_CN"

LC_MONETARY="zh_CN"

LC_PAPER="zh_CN"

LC_NAME="zh_CN"

LC_ADDRESS="zh_CN"

LC_TELEPHONE="zh_CN"

LC_MEASUREMENT="zh_CN"

LC_IDENTIFICATION="zh_CN"

LC_ALL="zh_CN.UTF-8"

执行命令：vi /etc/environment

添加以下内容（注意不是替换）