摘要:
一、颜色表方案 (除了颜色表之外,想要获取颜色值,可以通过photoshop能平面设计软件的调色板获取相应的值) 颜色表查阅的网址例如: ********************************************************************************* 阅读全文
摘要:
服务器端的测试工具用来编写大纲;https://gsnedders.html5.org/outliner/ 阅读全文
摘要:
第三十章 使用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 阅读全文