前端设计开端-today

   有点小意外，通过上一个月html+css+js的自学,~~~突然告诉我要把网站的主页重新设计一下，这个工作任务难度有点大，毕竟色彩搭配什么的还不是很懂，而且我的ps技术也确实一般般。加油加油！

   觉得css的学习用一句话总结就是：没有压力就没有动力，刚开始的时候只是每天在w3c、慕课网之类的网站上看人家怎么实现某些效果，自己再把代码粘贴过来用，用过之后过两天自己就忘了。后来的经验就是，拿着之前做的网页，看看自己想修改哪些地方，想实现什么效果，再去查资料，用不同的方法实现。自我感觉这种方法比单纯的填鸭式听课要掌握的好些。

  我的笔记之September

JavaScript 学习

1.      字体加粗  <strong></strong>

2.      段落<p>

3.      标题 <hl>

4.      按钮<button>

5.      定义方法<script>

6.      οnclick="方法名"   触发事件 

7.       注释方法：<!--  -->      <% //注释内容 %>    <% /*注释内容 */%>  

8.       js会忽略多余的空格

9.      在文本字符串中使用反斜杠对代码行进行换行

10.  变量必须以字母开头      变量也能以 $ 和 _ 符号开头   变量名称对大小写敏感（y 和 Y 是不同的变量）            JavaScript 语句和 JavaScript变量都对大小写敏感

11.如何定义一个汽车类    汽车的属性包括名称、型号、重量、颜色等。

所有汽车都有这些属性，但是每款车的属性都不尽相同。

汽车的方法可以是启动、驾驶、刹车等。

所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。

11.  利用id查找html元素            通过类名查找 HTML元素在 IE5,6,7,8中无效。

12.  如何输出规定格式的日期格式？如何显示当前时间（这个问题要重新学习）

 CSS学习

1.    最好最实用的一句话： css就是选择器+声明

2.      如果值为若干单词，则要给值加双引号   p{font=family: “sans serif”}

3.      Text-align文本对齐方式

4.      Color 颜色

5.      <javascript>中每行只描述一个属性

6.       Solid：线条的虚实。即border-style属性，分为： solid实线   dotted点   dashed虚线 

盒子模型：超级重要，感觉刚开始自己都搞不懂怎么回事，边距就变了，嘿嘿

Padding  盒子内边框

Margin   盒子外边框

层模型中的相对位置和绝对位置：

1、参照定位的元素必须是相对定位元素的前辈元素：

<div id="box1"><!--参照定位的元素-->

    <divid="box2">相对参照元素进行定位</div><!--相对定位元素-->

</div>

从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。

2、参照定位的元素必须加入position:relative;

#box1{

    width:200px;

    height:200px;

    position:relative;        

}

3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。

#box2{

    position:absolute;

   top:20px;

   left:30px;        

}

这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

   嗯，接下来就要ps+jquery了，至于json之类的就暂时不管了，属于后台设计用的