使用 css3 为什么要加 -moz-box-shadow -webkit-box-shadow -o-box-shadow,
本文章其实是初级都能看懂的文章 , 但是有个问题就是他涉及了CSS语法标准的形成;
基于这个原因 , 我特地标记了噩梦难度 , 希望看到他的技术人员自行搜索拓展阅读其他相关知识;
css3 为什么要加 -moz-box-shadow -webkit-box-shadow -o-box-shadow,直接用box-shadow不是都能识别吗?
其实 -moz-, -webkit-, -o-这些都是浏 ...
css中vertical-align(垂直对齐)的使用
1.vertical-align的语法;
特别提醒:vertical-align只对行内元素有效,对块级元素无效。
2.关于vertical-align:middle的问题;
在使用middle的时候要特别注意,要在不同浏览器中调试。
使用vertical-align文本垂直居中时可能需要调整文字居中线;
...
精解CSS后代选择器, 子元素选择器, 相邻兄弟选择器
派生选择器用的很多,派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别。1、css后代选择器
语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择 ...
用纯CSS水平和垂直居中布局常见方案
css垂直居中,如果兼容各个浏览器的话,我还没有见过。
在百度里面搜了很多,代码都不健壮,最终都是用js来实现的。
首先,我们来了解水平居中,它有很多种方法,我们暂时先来了解其中的几种:
1. 在实现方案中,我们最熟悉的莫过于给元素定义一个宽度,然后使用margin:
这个是当我们的定义元素的宽度时显现的,如果我们 ...
简述CSS当中的角度单位: deg grad rad turn
1、deg
度(Degress)。一个圆共360度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
2、grad
梯度(Gradians)。一个圆共400梯度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
3、rad
弧度(Radians)。一个圆共2π弧度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
4、turn
转、圈(T ...
用 js动态获取select选中的option
demo代码:
通过原生js方法
1: 拿到select对象: var myselect=document.getElementById("test");
2: 拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3: 拿到选中项options的value: myselect.options[index].value;
4: 拿到选中项options的text: myselect.options[ ...
js 数组转json,json转数组
//数组转json串
var arr = [1,2,3, { a : 1 } ];
JSON.stringify( arr );
//json字符串转数组
var jsonStr = '[1,2,3,{"a":1}]';
JSON.parse( jsonStr );
JS打开新窗口的2种方式
1.超链接Welcome
等效于js代码
window.location.href="//www.zgxsh.net"; //在同当前窗口中打开窗口
2.超链接Welcome
等效于js代码
window.open("//www.zgxsh.net"); //在另外新建窗口中打开窗口
----[location.href的用户总结]----
*.location.href 用法:
top.location.href=”url” ...
CSS鼠标指针样式
用css 添加手状样式,鼠标移上去变小手,变小手
cursor:pointer;
用JS使鼠标变小手onmouseover(鼠标越过的时候)
onmouseover="this.style.cursor='hand'"
cursor 的其他值
鼠标自定义范例
WEB元素定位 , 为何一般将absolute元素的父元素设为relative
css div中定位右下角为何需要父的position为relative
这两个是配合使用的,A定义了relative后,B就会相对于A进行移动。
其实绝对定位absolute的参照对象是“离它最近的已定位的祖先元素”,这句话里有两个关键,
一个是“离它最近的祖先元素”,意思是那个参照元素不一定是父元素,也可以是它的爷爷、爷爷的爷爷 ...
跳动文字纯动画源码
大致的效果如下:
纯css样式实现炫彩字体
HTML部分
JS跳转页面与打开新窗口的方法
1.超链接等效于js代码
2.超链接
等效于js代码
用法详细介绍详细介绍
第一种:
第二种:
第三种:
第四种:
第五种:
JS方法
1.在原来的窗体中直接跳转用;
window.location.href="你所要跳转的页面";
2.在新窗体中打开页面用;
window.open('你所要跳转的页面');
window.history.back(-1);返回上一页
3、一些 ...
H5使用onclick跳转到其他页面/跳转到指定url
☆如果是本页显示可以直接用location,方法如下:
①onclick="javascript:window.location.href='URL'"
②onclick="location='URL'"
③onclick="window.location.href='URL?id=11'"
☆如果页面中有frame可以将在location前面添加top.mainframe.frames['right_frame'].location ...
CSS如何写一个宽度为屏幕50%的正方形DIV
DIV的宽度就设置为50%,然后JS获取DIV的宽度附给高度就行了.
JS方法:
纯CSS方法
手机版模版编写的经验总结
1. 手机版在微信浏览器宽度溢出可以左右拖动的BUG;
手机版模版写的时候下面语句决定了页面在手机微信中会不会溢出造成左右可以拖动的BUG;
2. 手机版布局 下面这个语句是在积分变动时弹出的红色提示;
语句必须写在
上面否则会影响导航菜单布局 ...
表格table中td的字数超出宽度后不自动换行的办法
问题重现:
最右侧单元格,文本超出宽度后会自动换行;
那么如何不让网页进行自动换行操作;
下面是解决办法;
LAYUI获取下拉列表的值
LAYUI获取下拉列表的值
CSS元素DIV阴影效果
css box-shadow 產生陰影效果或光暈效果的特性
說明:元素 ( elements ) 的 box 呈現陰影或光暈的效果。可指定陰影的位移距離、顏色、模糊程度、擴散程度,也支援內陰影,甚至多層次堆疊的陰影。運用這個 css level 3 ( css 3) 的特性 ( css property ) ,讓我們可以很輕鬆就能呈現迷人的視覺效果,而不需要煩瑣地一張一張 ...
layui和Discuz程序结合的兼容性调整
layui 框架 和 DZ论坛程序 showWindow 函数配合的问题
在页面DZ弹出 showWindow 子层的时候 表单渲染失效的问题
只要在 showWindow函数提交的子页面htm模版中 输入如下代码 问题解决
比如 TS 页面 这样渲染就可以成功进行
layui框架和DZ结合时候 CSS载入要在主模版之下
也就是模版载入中的
一定要在页面最上方
...
CSS3四个自适应关键字: ill-available、max-content、min-content、fit...
前面的话
一般地,有两种自适应:撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。除此之外 ,还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键字
[注意]IE浏览器不支持,webkit内核浏览器需添加-web ...
discuz template 模板文件说明
discuz论坛模板文件目录公共模板文件夹 ./template/default/common/common.css 公共CSS文件
faq.htm 帮助模板文件
footer.htm 系统总底部模板
footer_ajax.htm ajax模式是使用到的系统总底部模板,ajax模式大部分为浮动框登录、注册、发帖等。
forum_calendar.css 广场社区使用到的日历日期样式
forum_moderator.css 版主管 ...
js操作dom对象学习笔记一之div显示与隐藏
[DOM 文档对象模型]
把一个html文件看成是一个文档,由于万物皆对象,所以把这个文档看成一个对象。
html文件看成一个文档,那么这个文档看成一个对象,文档中的所有的标签都可看成一个对象
页面中的每个标签,都是一个元素(element),每个元素都可以看成一个对象
html页面中都有一个根标签---html--也叫根元素
文档: 一个 ...
鼠标事件 onmouseover 和 onmousemove 有什么区别
时间先后 :
时间上 onmousemove 事件触发后,再触发 onmouseover 事件。
触发条件 :
动作上 onmouseover 只在刚进入区域时触发。onmousemove 除了刚进入区域触发外,在区域内移动鼠标,也会触发该事件。
onmouseover : 进入区域后触发一次
onmousemove : 在区域内移动鼠标就会连续触发
...
如何将一个HTML页面嵌套在另一个页面中
这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不需要每个文件单独修改。
最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里, 然后 ...
19种漂亮的CSS弹出框
具体效果请点击点击查看
滚动的字条
标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。
behavior属性
behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚 ...
JS的提示框种类
弹出提示框一般有3种1. alert (普通提示框)2. prompt (可输入的提示框)3. confirm (可选择的提示框)
html5开发工具前十排行
NO1:hbuilder
NO2:代码编译器(Notepad++)
NO3:Dreamweaver CS6
NO4:高级文本编辑器 Sublime Text
NO5:Eclipse
NO6:EditPlus
NO7:WebStorm
NO8:gVim Editor
NO9:MyEclipse
NO10:WeX5
java泛型那些事
泛型的类型安全性有许多原因促成了泛型的出现,而最引人注意的一个原因,就是为了创建容器类。如果没有泛型,如果我们需要实现一个通用的队列,那么只能使用Obejct数组去实现,并且add方法的参数和get方法的返回值都为Object:public class MyList { private Object[] mData; public void add(Object obj) { .. ...