HTML+CSS札记

最近帮同学做一下前端，不算美工。稍微设计下布局，然后搭出来。很长时间不动手，发现忘记了很多，动手也很生疏了。

css中的注释方法：/*  */

html中的注释方法： <!--    -->

css中当出现对同个元素进行多个不同值的赋值时，取最后一个赋值的效果。

js遇到问题

createElement()出来的DOM元素，无法用jquery提供的函数，还得需要用旧函数。

例如

var form = document.createElement("form"); var input = document.createElement("input"); form.append(input);

是不行的

但是如果这样

var form = $("form_id"); var input = document.createElement("input"); form.append(input);

却是可行的

很多jquery函数也是如此，比如attr(), addClass(), html(), css()什么的，如果用$()获得对象，再用Jquery函数是可行的。

判断一个对象是否在页面中的方法：

$("id")==null 行不通！

$("id").length!=0 就可以了。

jquery创建Dom元素方法：

1.

$('<ol id="notes"></ol>')

2.

$(function(){ var oNewp = $("<p>我测试成功了</P>"); oNewp.insertAfter("#target"); }); $(fuction(){ })此句就相当于window.onload函数

3.

$(function(){ $("<div>",{ id: 'test', text: 'this is a test', "class": "test", click: function(){ $(this).toggleClass('test'); } }).appendTo("body"); })

4. 语法还是蛮怪的，不太熟悉，需花时间分析！

div content部分想分三栏：(当然你对整个content的大小要有个掌握)

LEFT SIDE float:left width: <fixed width1> height: <fixed height> MIDDDLE float:left width: <fixed width1> height: <fixed height> RIGHT SIDE float:left width: inherit height: <fixed height>

 颜色问题：

名称：red RGB：rgb(255,0,0) RGB：rgb(100%,0%,0%) 十六进制：#ff0000 十六进制：#f00 十六进制三或六个数字长度前面带上#字符，三个长度是六个的压缩形式。 比如#00f是#0000ff的压缩，#c30是#cc3300。 三位数很好理解，像rgb，第一个是红色，第二个是绿色，第三个蓝色。 六位数可以实现更多的颜色控制。

 padding

该属性可采取 4 个值：

如果规定一个值，比如 div {padding: 50px} - 所有四个边的 padding 都是 50 px。 如果规定两个值，比如 div {padding: 50px 10px} - 上下内边距是 50 px，左右内边距是 10 px。 如果规定三个值，比如 div {padding: 50px 10px 20px} - 上内边距是 50 px，左右内边距是 10 px，下内边距是 20 px。 如果规定四个值，比如 div {padding: 50px 10px 20px 30px} - 上内边距是 50 px，右内边距是 10 px，下内边距是 20 px，左内边距是 30 px。

 margin

如果规定一个值，比如 div {margin: 50px} - 所有的外边距都是 50 px 如果规定两个值，比如 div {margin: 50px 10px} - 上下外边距是 50px，左右外边距是 10 px。 如果规定三个值，比如 div {margin: 50px 10px 20px}- 上外边距是 50 px，而左右外边距是 10 px，下外边距是 20 px。 如果规定四个值，比如 div {margin: 50px 10px 20px 30px} - 上外边距是 50 px，右外边距是 10 px，下外边距是 20 px，左外边距是 30 px。

 html z-index

部件显示在屏幕上时，迭放的次序，数字大的放在数字小的上面。

补充：发现从网上抓下来的css文件时加过噪声的：

1.调整位置

2.拆分

3.重复