随笔分类 - 1_html5
摘要：html5--6-63 布局 实例 学习要点 掌握传统布局与CSS3新增布局方式的实现和应用 掌握CSS3新增属性box-sizing 了解CSS3新增的多列布局 常用布局方式 固定布局与流体布局的优缺点 固定布局 注：设置了固定宽度的外包裹，里面的各个模块也是固定宽度而非百分比。大多数设计者选择9
阅读全文
摘要：html5--6-60 阶段练习7-下拉菜单 学习要点 综合运用所学过的知识完成一个下拉菜单的小练习，加深对学过知识点的综合应用能力。
阅读全文
摘要：html5--6-59 其他常用CSS属性 实例 学习要点 了解opacity属性：透明度设定 了解cursor属性：自定义鼠标样式 了解CSS新单位rem和em的区别 了解轮廓outline的设置 掌握display 属性常用属性值： opacity：透明度设定 IE9, Firefox, Chr
阅读全文
摘要：html5--6-57 阶段练习6-折叠导航栏 实例
阅读全文
摘要：html5--6-56 阶段练习5-翻转效果 学习要点 运用所学过的知识完成一个简单的小练习，理解对动画的应用。
阅读全文
摘要：html5--6-55 动画效果-关键帧动画 实例 学习要点 掌握动画的实现和应用 CSS3 动画属性： 通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 name 必需。定义动画的名称。 0-100%/from...to... 必需。动
阅读全文
摘要：html5--6-53 阶段练习4-画廊 学习要点 运用所学过的知识完成一个简单的小练习，理解对过渡动画的应用。
阅读全文
摘要：html5--6-52 动画效果-过渡 实例 学习要点 掌握过渡动画的实现和应用 过渡动画： 过渡动画的属性： none 没有属性会获得过渡效果。 all 所有属性都将获得过渡效果。 属性名称 linear 规定以相同速度开始至结束的过渡效果（等于 cubic-bezier(0,0,1,1)）。 e
阅读全文
摘要：让th里面的东西自动换行 html中的TH里面的文字不管多长,始终是一行,很烦
阅读全文
摘要：html5--6-51 阶段练习3-旋转导航 1 @charset="UTF-8"; 2 ul{ 3 list-style: none; 4 font-size:24px; 5 font-weight: bold; 6 } 7 8 a{ 9 text-decoration: none; 10 } 1
阅读全文
摘要：html5--6-50 动画效果-变形 实例 学习要点 掌握2D变形动画 了解3D变形动画 transform：2D变形： 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换方法：translate()/rotate()/scale()/skew()/matrix() non
阅读全文
摘要：html5--6-47 阶段练习2-渐变按钮 实例 1 @charset="UTF-8"; 2 .but1{ 3 padding: 10px 20px; 4 font-size:16px; 5 text-shadow: 2px 2px 3px rgba(0,0,0,0.8); 6 } 7 8 .bu
阅读全文
摘要：Html5--6-46 渐变效果 学习要点 掌握线性渐变和径向渐变的使用 线性渐变： 属性：linear-gradinet(开始位置 角度，起始颜色，终止颜色 ) 开始位置：渐变开始的位置，属性值可以为百分比/长度/left、right、top、bottom（可组合使用） 角度：渐变终止方向的角度，
阅读全文
摘要：html5--6-44信纸设计 实例 1 @charset "utf-8"; 2 /* CSS Document */ 3 div{ 4 width: 600px; 5 height: 800px; 6 padding: 40px; 7 font-size: 12px; 8 line-height:
阅读全文
摘要：html5--6-41 CSS背景 实例 学习要点 掌握CSS背景属性的使用 元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。scroll 默认值。/fixed 当页面的其余
阅读全文
摘要：html5--6-40 CSS边框 实例 div动态阴影 学习要点 掌握CSS边框属性的使用 元素的边框就是围绕元素内容和内边距的一条或多条线。 元素的边框属性： border 简写属性，用于把针对四个边的属性设置在一个声明。 border-width 简写属性，用于为元素的所有边框设置宽度，或者单
阅读全文
摘要：html5--6-35 列表和表格 实例 学习要点 掌握列表和表格的样式设置 表格有关的属性： border-collapse 设置是否把表格边框合并为单一的边框.属性值：separate 默认值/collapse边框合并 border-spacing 设置分隔单元格边框的距离。 caption-s
阅读全文
摘要：html5--6-28 css盒模型4 实例 学习要点 了解盒模型 元素内容、内边距、边框 和 外边距 了解盒模型的概念： CSS 盒模型规定了处理元素内容、内边距、边框 和 外边距 的方式。 最内部分是元素内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距。
阅读全文
摘要：html5--6-24 css3前缀 学习要点 掌握css3前缀的使用 CSS3目前很多新增属性尚未被W3C列为标准，对这些暂时未被公布为标准的属性，各家浏览器会在属性前加上前缀词，也将其称之为浏览器的私有前缀。 W3C官方认为试验阶段的属性仅为了测试，未来可能修改或删除。 对于CSS3中目前主流浏
阅读全文
摘要：html5--6-23 CSS3中的文字与字体 text-overflow 设置是否使用一个省略标记（...）标示对象内文本的溢出 clip： 默认值当对象内文本溢出时不显示省略标记（...），而是将 溢出的部分裁切掉。 ellipsis：当对象内文本溢出时显示省略标记（...）。 温馨提示:该属性
阅读全文
浙公网安备 33010602011771号