摘要：
服务器端的测试工具用来编写大纲；https://gsnedders.html5.org/outliner/ 阅读全文
摘要：
一、颜色表方案 (除了颜色表之外，想要获取颜色值，可以通过photoshop能平面设计软件的调色板获取相应的值) 颜色表查阅的网址例如： ********************************************************************************* 阅读全文
摘要：
第三十章 使用Emmet插件本章节需要安装插件：Sublime Text3 的一个HTML5 代码提示插件：emmet,这个插件比原来的插件强大许多。 如果想输入背景属性，直接使用 bg 即可 bg = background:|; 使用 bg+ 可以使用背景属性的完整形式 bg+ = backgro 阅读全文
摘要：
第二十九章 CSS3弹性伸缩布局【下】 一、新版本 （可以让心浏览器全面兼容，在未来浏览器更新换代中实现统一） 首先，设置伸缩盒的display有如下两个属性 （1）flex 将容器盒模型作为块级弹性伸缩盒显示（新版本） （2）inline-flex 将容器盒模型作为内联级弹性伸缩盒显示（新版本） 阅读全文
摘要：
第二十九章 CSS3弹性伸缩布局【中】 一、混合过滤板（主要针对IE10浏览器伸缩布局效果） 首先，设置伸缩盒的display有如下两个属性值 （1）flexbox 将容器盒模型作为块级弹性伸缩盒显示（混合版本） （2）inline-flexbox 将容器盒模型作为内联级弹性伸缩盒显示（混合版本） 阅读全文
摘要：
第二十八章 CSS3多列布局 一、早期多列问题 //五段内容，分为三列 <div> <p>。。。</p> <p>。。。</p> <p>。。。</p> <p>。。。</p> <p>。。。</p> </div> //带标题的五段内容，分为三列。 <div> <h3>第一段内容</h3> <p>。。。</ 阅读全文
摘要：
第二十九章 CSS3弹性伸缩布局【上】 一、布局简介 Flexbox布局，即弹性伸缩布局模型（Flexible Box）,他能更有效的实现布局，但这个布局还处于W3C的草案阶段，并且分旧版本，新版本，混合过渡阶段三种不同的编码。 IE Firefox Chrome Opera Safari 支持需带 阅读全文
摘要：
第二十七章 传统布局【下】 一、定位布局 CSS2提供了position属性来实现元素的绝对定位和相对定位 （1）static :默认值，无定位 （2）absolute :绝对定位，使用top,right,bottom,left进行位移 （3）relative :相对定位，使用top,right,b 阅读全文
摘要：
第二十六章 CSS3动画效果 一、动画简介 CSS3提供了类似Flash关键帧控制的动画效果，通过animation属性实现。之前学的transform属性只能通过指定属性的初始状态和结束状态实现动画效果，有一定局限性。 animation实现动画效果有两个部分组成 1、通过类似Flash动画中的关 阅读全文
摘要：
第二十七章 传统布局【上】 一、布局模型 二、表格布局 （非常不建议使用） 就是通过设定固定的单元格，去除表格边框和填充实现的布局，他应该在二维表格的数据显示 1、固定布局 //html部分 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta chars 阅读全文
摘要：
第二十四章 CSS3变形效果【下】 一、3D变形简介 【上】讲的是2D，本章讲的是3D（在二维基础上多出一个z轴）。 属性值 说明 translate（x,y,z） 3D方式平移元素，设置x,y和z轴 translateZ(z) 设置3D方式平移元素的z轴 scale3d(x,y,z) 3D方式缩放 阅读全文
摘要：
第二十五章 CSS3过渡效果 一、过渡简介 过渡效果一般是通过一些简单的CSS动作触发平滑过渡功能，比如：hover、：focus、：active、：checked等，CSS3提供了transition属性来实现这个过渡的，主要属性如下 属性 说明 transition-property 指定过渡或 阅读全文
摘要：
第二十四章 CSS3变形效果【上】 一、transform CSS3提供元素变形效果，也叫作变换。他可以使元素实现旋转，缩放和平移功能。属性有 （1）transform ：指定应用的变换功能 （2）transform ：指定变换的起点 对于transform的属性值，具体如下表： 属性值 说明 no 阅读全文
摘要：
第二十三章 CSS边框图片效果 一、属性解释 用几个属性就可以嵌入图片形式的边框。 1、border-image-source : 引入背景图片地址 2、border-image-slice : 切割引入背景图片 3、border-image-width : 边框图片的宽度 4、border-ima 阅读全文
摘要：
第二十一章 CSS3文本效果 **************************************************** *查询适应的最低版本，可以去：“http://caniuse.com”* ********************************************* 阅读全文
摘要：
第二十一章 CSS渐变效果 一、线性渐变 linear-gradient（方位，起始色，末尾色） (1) 方位 ：可选参考数，渐变的方位。可以使用的值：to top、to top right、to right、to bottom、to bottom left、to left、to top left。 阅读全文
摘要：
第二十章 CSS3前缀和rem 一、css3前缀（每个浏览器的专有前缀，各大厂商的前缀列表如下） 浏览器 厂商前缀 Chrome、Safari -webkit- Opera -o- Firefox -moz- Internet Explorer -ms- //在这里用 border-radius 举 阅读全文
摘要：
第十九章 CSS其他样式 一、黑色和透明度 属性 值 说明 CSS版本 color 颜色值 设置文本前景色 1 //设置文本颜色 CSS提供了一个属性opacity，可以设置有元素的透明度。 opacity 0～1 设置元素的透明度 3 二、盒子阴影和轮廓 1、box-shadow：（CSS提供了一 阅读全文
摘要：
第十八掌 CSS表格与列表 一、表格样式 属性 值 说明 CSS版本 border-collapse 边框样式 相邻单元格的边框样式 2 border-spacing 长度值 相邻单元格边框间距 2 caption-side 位置名称 表格标题位置 2 empty-cells 显示值 空单元格是否显 阅读全文
摘要：
第十七章 CSS边框与背景【下】 一、设置背景 属性 值 说明 CSS版本 background-color 颜色 背景的颜色 1 background-image none或url 背景的图片 1/3 background-repeat 样式名称 背景图片的样式 1/3 background-si 阅读全文