
Html/css
zhangqifeng92
好动,开朗,自信
展开
-
SASS用法指南
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。各种"CSS预处理器"之中,我自己最喜欢SASS,觉得它有转载 2020-10-14 09:48:36 · 323 阅读 · 0 评论 -
input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值
1.input:2.textarea:原创 2016-10-08 09:33:32 · 10923 阅读 · 0 评论 -
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:定义页面或区段的头部;定义页面或区段的尾部;定义页面或区段的导航区域;页面的逻辑区域或内容组合;定义正文或一篇完整的内容;定义补充或相关内容; 使用他们能让代码语义原创 2017-05-19 13:35:39 · 4753 阅读 · 0 评论 -
HTML5之FileReader的使用
HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法:1.检测浏览器对FileReader的支持if(window.FileReader) { var fr =转载 2017-05-19 10:47:59 · 358 阅读 · 0 评论 -
网页上拖拽表格实现代码
<!--All Files Design & Write by Windy_sk, you can use it freely but ...YOU MUST KEEP THIS ITEM !Email: seasonx@163.net-->Power Tablebody{ FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px转载 2017-02-10 15:43:52 · 4838 阅读 · 0 评论 -
mata标签详解
一.何为mata标签meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!二.mata标签组成meta标签共有两个属性,它们分别是http-e原创 2016-08-19 14:39:14 · 2813 阅读 · 0 评论 -
解决IE6/7/8兼容HTML5,并使用标准模式
1.首先修改doctype意思是使用html5版本2.修改mata标签 3.接着针对IE做处理 js/html5.js" type="text/javascript"> 这里的这个html5.js可以自行再网上下载,网上很多!原创 2016-08-19 14:29:30 · 2080 阅读 · 0 评论 -
setTimeOut传参数
无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数。 先看一个简单的代码: function show(){ alert("Hello World"); } setTimeout(show,1000); 这段代码的效果是在1秒后显示hello world,但是如果改成 setTim原创 2016-08-19 14:23:46 · 885 阅读 · 0 评论 -
如何实现自定义标签
简单介绍一下自定义标签的创建方法,很简单也很实用。我这里是创建了一个select自定义标签,使用这个标签会在jsp页面上自动呈现一个select下拉框。一、配置tid标签文件这个配置文件一般会放在web-inf文件夹下,因为在web.xml文件中需要配置这个配置文件的路径,所以习惯放在这里。直接贴代码: <taglib xmlns="http://java.sun.com/xml/原创 2016-06-22 17:30:23 · 5521 阅读 · 0 评论 -
treeTable的简单用法
treeTable也是一种很常用的插件,以数型table的形式来展示数据,效果图如下:不多说了,直接贴代码吧:需要引入的文件: html代码: app controllers application_controller.rb helpers原创 2015-03-21 17:19:29 · 7168 阅读 · 1 评论 -
让iframe高度自适应
总结两种方法,第一种是在网上查资料然后总结出来的,兼容性比较好,支持IE8,以及其他的标准浏览器,IE8以下版本没有测试,IE8以上版本基本都支持,这种方法是通过js来调整iframe的宽高的,第二种方法很简单,是我看朋友是这样的写的,具体兼容性没有测试,应该不会差。不多少了,直接贴代码:第一种: function findDimensions(){ //函数:获取尺寸原创 2015-03-20 09:30:44 · 1106 阅读 · 0 评论 -
div滚动效果
废话不多说,直接贴代码,将代码复制到文件中直接用浏览器打开即可看到效果:高度或宽度,以及内容数量都会对结果产生影响,请仔细调整。向上滚动效果: 第一行内容 第二行内容 第三行内容 第四行内容 第五行内容 第六行内容 第七行内容 第八行内容 function $(str){return document.原创 2015-02-13 17:23:54 · 834 阅读 · 0 评论