修改数据
absolute
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)的绝对定位
返回顶部
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压力测试