最近帮同学做一下前端,不算美工。稍微设计下布局,然后搭出来。很长时间不动手,发现忘记了很多,动手也很生疏了。
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.重复