摘要:
input file相关知识简例 在此介绍的input file相关知识为: 上传照片及文件,其中包括单次上传、批量上传、删除照片、增加照片、读取图片、对上传的图片或文件的判断,比如限制图片的张数、限制图片的格式、大小等。 在开发中,文件上传必不可少,<input type="file" /> 是常 阅读全文
摘要:
键盘事件,这里以onkeyup为例; 解析:当在一个input中输入文本时,在另一个div中输出文本 在下面是本人写的小demo,供分享。 代码如下: 效果图如下: 阅读全文
摘要:
效果图如下: 阅读全文
摘要:
组件 下拉菜单 用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性。 将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。代码与效果如下: 1、 阅读全文
摘要:
组件 字体图标 无数可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。 1、如何使用: 出于性能的考虑,所有图标都需要一个基类和对应每个图标的类。把下面的代码放在任何地方都可以正常使用。注意,为了设置正确的内补(padding),务必在图标和文本之间添加一个空格。 2、不要和其他 阅读全文
摘要:
clearfix的纠结 骨灰级解决办法: 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题。 但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div。 最优浮动闭合方案(推荐): 用法很简单,在浮动元素的父云素上添加class=”d 阅读全文
摘要:
在CSS中,每个属性的属性值都有一定的范围,并且不同类型的属性值有不同的值。对于一个属性,必须取得正确的属性值,才能被浏览器正确地解释,因此一定要弄清每种类型的属性值范围。在CSS中属性一般有以下几种类型: 整数和实数、长度值、百分比值、URL和颜色 一、整数和实数 在CSS中,整数可以包括正整数、 阅读全文
摘要:
使用float会带来哪些影响: 脱标:无行级块级之分; 相互贴靠:若想之间有空隙可用margin与padding; 顶边对齐; 文字环绕; 当使用float后,子标签脱离父标签,父标签就会失去高度,此时光标上移,父标签下面的内容就会上升,影响布局,因此: 如何清除浮动带来的影响: 设高法;给父标签设 阅读全文
摘要:
form 表单就是将用户的信息提交到服务器,服务器会将信息存储活着根据信息查询数据进行增删改查,再将其返回给用户。 基本格式: <form action="" method =""></form> action:表单提交的方向; method:表单提交的类型; 注:其中为方便js找到 所以label 阅读全文
摘要:
一、css文字属性 二、CSS边框空白 三、CSS符号属性 四、css背景样式 背景定位: 五、css链接样式 六、css盒子模型 七、css--form表单运用 八、CSS边界样式 九、CSS滤镜属性 阅读全文