HTML-CSS
文章平均质量分 95
萌主_iii
以新的心情和面貌,走进博客领域!
同样,把自己qq签名作为我一生乃至好几生的活着的坚守。。。
相信自己,你的未来不是梦!
浪费青春,就是浪费生命!
乐观,时刻微笑着!
宥,他人,也是自己!
展开
-
<img>等标签在指定容器中水平垂直居中的几种实现方法
1.通过设置相对位置和绝对位置 父元素:position: relative; img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }2.通过设置transform img{ left原创 2017-09-09 22:30:40 · 1041 阅读 · 0 评论 -
IE与DOM事件流的区别
1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 示例: 事件流 冒泡型事件模型: button->div->body (IE事件流) 捕获型事件模型: body->div->button (Netscape事件流) DOM事件模型: body->div->button->button->div->body (先捕获后冒泡)原创 2017-09-07 23:13:59 · 499 阅读 · 0 评论 -
圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现示例
题目要求:针对如下DOM结构,编写CSS,实现三栏水平布局,其中left、right分别位于左右两侧,left宽度为200px,right宽度为300px,main处在中间,宽度自适应。 要求:允许增加额外的DOM节点,但不能修改现有节点顺序。 <div class="container"> <div class="main">main</div> <div class="原创 2017-09-10 23:33:40 · 42058 阅读 · 30 评论 -
Doctype作用?严格模式、混杂模式和怪异模式如何区分?它们有何意义?
Doctype作用?严格模式、混杂模式和怪异模式如何区分?它们有何意义?1、doctype的作用: 声明位于文档 的最前面,告知浏览器的解析器,用什么文档类型、规范来解析这个文档。注意:1).规范是指W3C发布的文档类型定义(DTD)中的规则。 2).三种DTD类型:严格、过渡和基于框架的HTML版本。2、严格模式、混杂模式和怪异模式的区分 1)严原创 2018-01-04 16:33:01 · 2366 阅读 · 0 评论 -
前端精美小Demo之---进制转换器实现
进制转换器实现 说明:支持在2~36进制之间进行任意转换,支持浮点型。完全通过HTML、CSS和JavaScript实现2~36进制之间的同步转换,其中部分样式使用bootstrap框架,js实现通过jquery实现。 实现代码:可到https://github.com/wangchengiii/My_BHD_Converter获取。 下面为同步进制转换器实现的部分效果图: ...原创 2018-03-09 11:28:44 · 1128 阅读 · 2 评论 -
使用纯JavaScript或者jquery插件实现各种验证码总结
使用纯JavaScript或者jquery插件实现各种验证码总结 验证码的实现形式和表现方式多种多样,静态的,动态生成的,数字字母的,算术题模式,汉字的,图片选择,手势拖动的等等,下面将一一展示,选择你想要的验证码: 实现代码:可到https://github.com/wangchengiii/CAPTCHA获取。验证码1-简单四位字母数字 (点击验证码不可更新,可进行输入验证...原创 2018-03-10 11:38:32 · 1988 阅读 · 7 评论