2.27随记

在引入url路径时候要注意绝对路径与相对路径的问题。比如在css中引入图片要注意是不是在css当前文件夹下的图片。如果不是要返回上一层目录。

"." 代表当前所在目录，相对路径。如:<a href="./abc">文本</a>或<img src="./abc" />；
".." 代表上一层目录，相对路径。如:<a href="../abc">文本</a>或<img src="../abc"/>；
"../../" 代表的是上一层目录的上一层目录，相对路径。 如:<img src="../../abc" />；
"/" 代表根目录,绝对路径。

sublime注释的快捷键ctrl+？

<p><span>

p标签是一个语义化标签，段落的意思，是块级元素，独占一行，可以指定宽高，可以设置垂直方向的margin，浏览器默认会在其前后留一些空白，也可以自己设定样式。

span是行级元素，也叫内联元素，不能自动换行，只有内容超过指定宽才会换行，不能指定宽高，不可以设置垂直margin。span和div本身是无意义的标签。

将行级标签转换成块级标签：display:block;
将块级标签转换成行级标签：display:inline;
行内块级：display：inline_block；
注：行内块级不换行，但可以设置宽高。

display属性设置显示隐藏：
display: none;  //隐藏    （visibility：hidden；  只占位，但看不见）
display:block； //显示

取消a标签的下划线：

a{

text-decoration:none;

}

取消li小圆点：

li{

list-style:none;

}

ul.li都是块级元素。

外边距margin容易出问题，能用padding的尽量用padding。

photoshop

切一个背景图，先选出来，点切图工具，两下回车，另存为web所用格式，可以存为png，如果颜色单一或者很少的可以存为gif占的空间更小。

快捷键F8-隐藏/显示信息面板