随笔分类 - HTML
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
摘要：一、Css Hack 不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果 二、Css Hack分类 2.1.属性前缀法(即类内部Hack)：如 IE6能识
阅读全文
摘要：目标大纲 文章转载 CSS3 经典教程系列：CSS3 盒阴影（box-shadow）详解 IE中CSS-filter滤镜小知识大全 CSS实现跨浏览器兼容性的盒阴影效果
阅读全文
摘要：目标大纲 1.vertical-align为何不起作用？？ vertical-align只钟情于“inline-block内联块级元素/inline元素” vertical-align属性 text-bottom是与父标签的文字底部对齐 效果 栗子： 2.如何消除图片下面的间隙是如何出现的？？ 源代
阅读全文
摘要：CSS浮动(float,clear)通俗讲解 CSS 浮动 CSS float浮动的深入研究、详解及拓展(一) CSS float浮动的深入研究、详解及拓展(二) http://www.w3cplus.com/css/clear-float 1.浮动实现图文环绕（理解难点） 浮动框旁边的行框被缩短，
阅读全文
摘要：一.层叠顺序 所谓层叠顺序就是用户看到页面视角z轴上显示顺序 二.层叠上下文 层叠上下文 html中的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕）视窗或网页用户z轴上的延申，html元素依据自身的属性按优先顺序占用层叠上下文的空间. 三.项目案例 3.1 正常文档流之float浮动与
阅读全文
摘要：微风效果预览 微风源码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>微风</title> 6 <style type="text/css"> 7 h1 { 8 font-size: 25px; 9 } 1
阅读全文
摘要：一、晴天特效实现 1.晴天效果预览图 2.晴天特效源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width
阅读全文
摘要：1.颜色小tip知识 在背景色上方叠加一个黑色半透明层 rgba(0,0,0,.2) 可以得到一个更暗的颜色 在背景色上方叠加一个白色半透明层 rgba(255,255,255,.2) 可以得到一个更亮的颜色 单个颜色实现 hover 和 active 时的明暗变化效果 文章转载 【CSS进阶】伪元
阅读全文
摘要：BUTTONS-V2-CSS库样式职责 CSS库样式职责分离优点 模块样式命名更清晰化 易于维护、扩展性强 动画效果——修改样式后有过度效果，默认样式 源码如下 参考资料 BUTTONSV. 2.0.0 Buttons 是一个高度可定制的、免费并且开源的按钮 CSS 样式库。
阅读全文
摘要：（标注 文章来源 http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/） 1.块级元素(block_element)中插入一个内联块级元素(inline_bloc
阅读全文
摘要：当设置 display:table-cell 激活 BFC块级格式上下文 理解请点击 理解流特性与BFC块级格式上下文 兼容性 display:table-cell IE8+ <支持ie8以上> 1.多行行文本垂直居中显示： 设置 display: table-cell 表格单元格; 会导致marg
阅读全文
posted @ 2016-09-22 10:39
Avenstar
摘要：说明：position的值不为relative和static激活BFC 左右侧边栏固定宽,中间宽度自适应
阅读全文
posted @ 2016-09-21 15:49
Avenstar
摘要：一、语法 <transform-function>表示一个或多个变换函数，以空格分开 none就是无动画 二、不同浏览器内核下的书写规则 三、transform具体变性中心基点transform-origin默认情况下rotate旋转、scale缩放、translate位移、矩阵matrix默认物件
阅读全文
posted @ 2016-09-16 11:37
Avenstar
摘要：用特制度来解释css层叠样式(继承、层叠、特殊性、重要性)来学习 1.特指度(或权值)基本解释 特指度表示一个css选择器表达式的重要程度，可以通过一个公式来计算出一个数值，数越大，越重要。 2.计算公式简写——ICE I id 特指度100 C Class 特指度10 E element 特指度1
阅读全文
posted @ 2016-09-12 17:13
Avenstar
摘要：效果图如下 实现源码 转载 拉勾网顶部轮播图的实现（二） js判断鼠标从什么方向进入容器的算法分析
阅读全文
posted @ 2016-09-10 23:54
Avenstar
摘要：效果图 源码实现 转载 拉勾网顶部轮播图的实现（一）以及简单闭包的应用 http://www.imooc.com/article/12809
阅读全文
posted @ 2016-09-09 23:47
Avenstar
摘要：UI原型图 方式一、不是兼容性个性化复选框实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>个性化复选框样式</title> 6 <style type="text/css"> 7 h
阅读全文
posted @ 2016-09-04 00:50
Avenstar
浙公网安备 33010602011771号