html和css和js和jq,HTML，CSS，JS，JQ

CSS:

.container input[type="text"][name="txt"]{

border: 3px solid red;

}

.c1 #l1 a .cc1{} 空格：表示在某个标签的下一级，或者下下一级...去找某个或者某批标签

CSS中margin和padding的区别:

注：d1中padding内边距，当padding发生变化时，改变的是d1本身；d2中margin外边距，当margin发生变化时，改变的是d2本身

position

fixed:固定在浏览器窗口的位置

relative:相对位置

absolute:一般与relative一起使用，相对于父级(relative)的绝对定位

修改数据

absolute

返回顶部

margin: 0 auto 相对于父标签居中

div:不加"

div中 style="overflow:auto" 出现滚动条；style="overflow:hidden" 隐藏滚动条

111

222

display:

none: 隐藏不显示

block:　　　　　 变成块级标签

inline:　　　　　变成内联标签

body{

margin:0 auto;

} 整个页面居中

JS：

var name = 'eric'; 局部变量

name = 'alex';　　　　　　　　　全局变量

自执行函数：

(function (arg) {

alert(arg);

})("888");

document.getElementById('l1');

document.getElementsByName('l1')

document.getElementsByTagName('div')

window.onload = function () {

}//页面加载完成

document.ready = function () {

}//页面框架加载完成

window.location.href = "http://www.baidu.com"

当前页面跳转

window.open('http://www.baidu.com')

打开新标签页跳转

JQ：

扩展方法：

$.extend({

"erbi":function () {

return "sb";

}

});

alert($.erbi())

响应式：当页面宽度大于768px时，.cls样式生效

@media screen AND(min-width: 768px){

.cls{

background-color: red;

}

}

圆角属性：border-radius: 50%;

伪类与伪元素

/*当鼠标移动到a标签上时，执行下面样式*/

.header .menu a:hover{

background-color: green;

}

以后遇到布局，float的问题时：

.clearfix:after{

content: ".";

visibility: hidden;

display: block;

height: 0;

clear: both;

}

第一百六十六节，jQuery，基础 DOM 和 CSS 操作，元素内容，元素属性，css和class，元素宽度高度、偏移、滚动条

jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度.偏移.滚动条 学习要点: 1.DOM 简介 2.设置元素及内容 3.元素属性操作 4.元素样式操作 ...

javascript创建css、js，onload触发callback兼容主流浏览器的实现

http://www.fantxi.com/blog/archives/load-css-js-callback/ 由于需要写个函数,既可以加载css,又可以加载js,所以对各主流浏览器对加载js.c ...

js随笔，css和js禁止网页选择文本，table的class样式使得td的class样式失效，jquery获得元素坐标

css使用user-select,user-select不是W3C标准,浏览器支持不完整:user-select有两个值,none用户不可以选择文本,text用户可以选择文本 body{-moz-us ...

SSH框架整合，css、js会被过滤器过滤掉

如果是默认状态 struts2

缓存处理后，F5刷新页面，css和js返回200，为什么不是304？

最近在Apache上做网站的静态资源缓存,但是各种配置之后,发现css和js返回的状态码都是200,为什么不是304? 找来找去在知乎上得到了答案. 来自知乎的一个回答 http://www.zhih ...

不带插件 ，自己写js，实现批量上传文件及进度显示

今天接受项目中要完成文件批量上传文件而且还要显示上传进度,一开始觉得这个应该不是很麻烦,当我在做的时候遇到了很多问题,很头疼啊. 不过看了别人写的代码,自己也测试过,发现网上好多都存在一些问题,并不是 ...

各种demo：css实现三角形，css大小梯形，svg使用

各种demo: 1.css实现正方形 思路:width为0:height为0:使用boder-width为正方形的边长的一半,不占任何字节:border-style为固体:border-color为正 ...

前端(各种demo)一：css实现三角形，css实现梯形，pop弹层，css伪类before，after使用，svg使用(持续更新中)

各种demo: 1.css实现正方形 思路:width为0:height为0:使用boder-width为正方形的边长的一半,不占任何字节:border-style为固体:border-color为正 ...

【shiro】使用shiro搭建的项目，页面引用js，报错：Uncaught SyntaxError: Unexpected token <

使用shiro搭建项目过程中,总是出现登录页面 登录第一次有效果,登陆第二次出现302状态码,第三次又有效果,第四次又没有效果的局面. 因此,采用ajax提交页面登录的用户名和密码,但是在引用js的过 ...

随机推荐

ImageSwitcher图片切换的简单用例

ImageSwitcher的原理:ImageSwitcher有两个子View:ImageView,当左右滑动的时候,就在这两个ImageView之间来回切换来显示图片 实现左右滑动切换图片 BaseA ...

WEB压力测试