微信扫一扫打赏支持
摘要: 让th里面的东西自动换行 html中的TH里面的文字不管多长,始终是一行,很烦 阅读全文
posted @ 2017-12-10 23:28 范仁义 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 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 阅读全文
posted @ 2017-12-10 17:28 范仁义 阅读(300) 评论(0) 推荐(0) 编辑
摘要: html5--6-50 动画效果-变形 实例 学习要点 掌握2D变形动画 了解3D变形动画 transform:2D变形: 通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换方法:translate()/rotate()/scale()/skew()/matrix() non 阅读全文
posted @ 2017-12-10 16:17 范仁义 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 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 阅读全文
posted @ 2017-12-10 16:04 范仁义 阅读(350) 评论(0) 推荐(0) 编辑
摘要: Html5--6-46 渐变效果 学习要点 掌握线性渐变和径向渐变的使用 线性渐变: 属性:linear-gradinet(开始位置 角度,起始颜色,终止颜色 ) 开始位置:渐变开始的位置,属性值可以为百分比/长度/left、right、top、bottom(可组合使用) 角度:渐变终止方向的角度, 阅读全文
posted @ 2017-12-10 15:34 范仁义 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 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: 阅读全文
posted @ 2017-12-10 15:14 范仁义 阅读(1249) 评论(1) 推荐(0) 编辑
摘要: html5--6-41 CSS背景 实例 学习要点 掌握CSS背景属性的使用 元素的背景属性: background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。scroll 默认值。/fixed 当页面的其余 阅读全文
posted @ 2017-12-10 13:50 范仁义 阅读(291) 评论(0) 推荐(0) 编辑
摘要: html5--6-40 CSS边框 实例 div动态阴影 学习要点 掌握CSS边框属性的使用 元素的边框就是围绕元素内容和内边距的一条或多条线。 元素的边框属性: border 简写属性,用于把针对四个边的属性设置在一个声明。 border-width 简写属性,用于为元素的所有边框设置宽度,或者单 阅读全文
posted @ 2017-12-10 03:40 范仁义 阅读(439) 评论(0) 推荐(1) 编辑
摘要: html5--6-35 列表和表格 实例 学习要点 掌握列表和表格的样式设置 表格有关的属性: border-collapse 设置是否把表格边框合并为单一的边框.属性值:separate 默认值/collapse边框合并 border-spacing 设置分隔单元格边框的距离。 caption-s 阅读全文
posted @ 2017-12-10 03:20 范仁义 阅读(599) 评论(0) 推荐(0) 编辑
摘要: html5--6-28 css盒模型4 实例 学习要点 了解盒模型 元素内容、内边距、边框 和 外边距 了解盒模型的概念: CSS 盒模型规定了处理元素内容、内边距、边框 和 外边距 的方式。 最内部分是元素内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距。 阅读全文
posted @ 2017-12-10 00:24 范仁义 阅读(186) 评论(0) 推荐(0) 编辑
摘要: html5--6-24 css3前缀 学习要点 掌握css3前缀的使用 CSS3目前很多新增属性尚未被W3C列为标准,对这些暂时未被公布为标准的属性,各家浏览器会在属性前加上前缀词,也将其称之为浏览器的私有前缀。 W3C官方认为试验阶段的属性仅为了测试,未来可能修改或删除。 对于CSS3中目前主流浏 阅读全文
posted @ 2017-12-10 00:10 范仁义 阅读(460) 评论(0) 推荐(0) 编辑
摘要: html5--6-23 CSS3中的文字与字体 text-overflow 设置是否使用一个省略标记(...)标示对象内文本的溢出 clip: 默认值当对象内文本溢出时不显示省略标记(...),而是将 溢出的部分裁切掉。 ellipsis:当对象内文本溢出时显示省略标记(...)。 温馨提示:该属性 阅读全文
posted @ 2017-12-10 00:04 范仁义 阅读(500) 评论(0) 推荐(0) 编辑