发表于: 2016-11-18 18:31:28

4 696


今天完成的事情:

1、了解了css中px、em、rem的区别和使用:

   一、px特点

  1. IE无法调整那些使用px作为单位的字体大小;

  2. Firefox能够调整px和em,rem,但是很多的中国网民使用IE浏览器(或内核)。

 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。


   二、em特点 

  1. em的值并不是固定的;

  2. em会继承父级元素的字体大小。

   所以我们在写CSS的时候,需要注意两点:

   1. body选择器中声明Font-size=62.5%;

   2. 将你的原来的px数值除以10,然后换上em作为单位;

   3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。


   三、rem特点 

    rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。下面就是一个例子:

body{font-size:14px;}

p { font-size:.875rem;}

此时p的字体大小是14*0.875px。


2、Apache和nginx的区别

     nginx 相对 apache 的优点:

  •   a、轻量级,同样起web 服务,比apache 占用更少的内存及资源
  •   b、抗并发,nginx 处理请求是异步非阻塞的,而apache 则是阻塞型的,在高并发下nginx 能保持低资源低消耗高性能
  •   c、高度模块化的设计,编写模块相对简单
  •   d、社区活跃,各种高性能模块出品迅速啊



  apache 相对nginx 的优点:

  •   a、rewrite ,比nginx 的rewrite 强大(rewrite把传入Web的请求重定向到其他URL的过程。URL Rewrite最常见的应用是URL伪静态化,是将动态页     面显示为静态页面方式的一种技术。比如http://www.123.com/news/index.asp?id=123 使用UrlRewrite转换后可以显示              为http://www.123.com/news/123.html)。
  •   b、模块超多,基本想到的都可以找到。


3、学会了ps切图


明天计划的事情:

继续任务3,任务二中的内容深入学习,css3标签学习。


遇到的问题:

Q1:em和rem的换算问题?

A:em和rem都是相对单位,值不是固定的;例如html{font-size:62.5%},设置#content的font-size:1.2em,其中p的font-size:1em,那么p的字体大小是1*1.2em=12px;

Q2:apache和nginx比较时,遇到同步和异步,阻塞和非阻塞的理解问题?

A:链接



收获:一个问题的解决可以有多种方法,要多看多写代码。



返回列表 返回列表
评论

    分享到