实例动画step1:改变字体颜色<h1><a href="http://www.rainleaves.com">雨打浮萍</a></h1>h1 a{color:#03c;text-decoration:none;-webkit-transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;transition:color .5s ease-in-out;}
h1 a:hover{color:#f60;
}step2:改变背景颜色<h2>专注于web前端开发</h2>h2:hover{-webkit-transition:background-color 0.5s linear;-mo...
第四章 文本1、<p></p>2、<small></small>表示细则一类的旁注,通常包括免责声明、注意事项、法律限制、版权信息等。3、<strong></strong>表示内容的重要性,以粗体显示,一个strong可以嵌套在另一个strong中;<em></em>表示内容的着重点,以斜体显示,一个em可以嵌套在另一个em中。<b></b>用于如文档摘要里的关键词、评论里的产品名、基于文本的交互式软件中指示操作的文字、文章导语等;<i></i>用于如分类名称、技术术语、外语里...
一、CSS 列表样式列表项标志 list-style-type - list-style-type 属性用于控制列表中列表项标志的样式 - 无序列表: 出现在各列表项旁边的圆点 - 有序列表: 可能是字母、数字或另外某种计数体系中的一个符号 - 无序列表取值 - none : 无标记 - disc : 实心圆,为默认值 - circle : 空心圆 - square : 实心方块 - 有序列表取值 - none : 无标记 - decimal : 无标记 ...
contentpaddingbordermargin 常见问题: W3C盒子下的width height和 IE盒子下的width height?W3C盒子下的width height padding内部的区域,即contentIE盒子下的width height margin内部的区域,即content+padding+border CSS3的解决方案/*以border为盒子界*/
box-sizing: border-box;
原文:http://www.cnblogs.com/WeWeZhang/p/5824364.html
### html5新增标签> 作用:让结构一目了然 |标签|描述| |--|--| |header|头部区域| |footer|尾部区域| |nav|导航区域| |aside|侧边栏| |section|区分大模块等同div| |video|视频| |audio|音频| |articel|文章| |figure|配图| |figcaption|配图说明| |main|主体区域| ```<video src="dongbei.mp4" controls autoplay loop></video><audio src="horse.ogg" controls loop autoplay></audio> src="" 标签属性,视频、音频路径/地址...
第十六章 1、 输入和元素 电子邮件框 搜索框 电话框 <inputtype="tel">URL 框 <inputtype="url">以下元素得到了部分浏览器的支持日期 数字 范围 数据列表 下面的输入或者元素得到的支持很少, W3C 指出它们在 2014 年定案之时很可能不会列入 HTML5颜色 全 局 日 期 和时间<inputtype="datetime" />局部日期和时间月 时间 周 输出 2、 属性: 1) accept限制用户可上...
css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+
语法:<linear-gradient>:linear-gradient([ ,]? <color-stop>[, <color-stop>]+);
:[ left | right ]? [ top | bottom ]? || ?
<color-stop>: [ | ]?
取值:left:设置左边为渐变起点的横坐标值。right:设置右边为渐变起点的横坐标值。top:设置顶部为渐变起点的纵坐标值。bottom:设置底部为渐变起点的...
开发webapp 需要什么技术基础吗?或者有没有开发webapp 视频教程或者资料 求推荐下回复内容:开发webapp 需要什么技术基础吗?或者有没有开发webapp 视频教程或者资料 求推荐下数据库:比如mysql
SQL语言:对数据库编程的语言
web容器:比如apache,nginx
你还需要了解一些项目管理工具,如maven,svn,git等
另外一些基础知识,如http、https协议等话说app store已经不允许有webapp了前端html + css + js + nodejs, 又包括各种框架...
回复内容:因为 HTML5 是 HTML 的超集,CSS3 是 CSS 的超集,且只是一种相对有限的扩展,并非截然不同的开发思想,所以无论直接学还是跳过学,都是绕不开的。 其实这个问题本身就不是很大的问题,直接学习HTML5和CSS3是可以的,但是学HTML和CSS也花不了多少时间,半个月足以,下几个模板,再用半个月动手写写DIV+CSS,基础的东西几乎就可以掌握了 可以直接学习,但是现阶段html5并不普及的情况下,在外面做项目多半还是html5以前的...
《CSS3基本选择器》 一、通配符选择器(*) *{ marigin: 0; padding: 0; } 二、元素选择器(E) ...
第一步: 定义动画,名字可以各种起,就像方法名一样 1. 定义动画,名称为fadeIn @-webkit-keyframes fadeIn {0% {opacity: 0; /*初始状态 透明度为0*/}50% {opacity: 0; /*中间状态 透明度为0*/}100% {opacity: 1; /*结尾状态 透明度为1*/}} 方法里面还有很多写法: 如: /* 定义css方法,名字叫消失 Hides a leaf towards the very end of the animation */@-webkit-keyframes fade{ /* Show a leaf while into or b...
CSS3引入了新的网格布局(grid layout),以适应显示和设计技术的发展(尤其是移动设备优先的响应式设计)。 主要目标是建立一个稳定可预料且语义正确的网页布局模式,用来替代过往表现不稳定且繁琐的table、flow以及JS脚本混合技术来实现的网页动态布局。 本文将简单而准确的介绍网格布局属性的基本概念和使用方法(摘自踏得网在线HTML5教程)。 1. 概述 网格模板区域(grid-template-areas)、网格模板行(grid-templ...
网格模板(grid-template)属性及其普通写法(longhands)定义了一个固定数量的轨道,构成显式网格。 当网格项目定位在这些界限之外,网格容器通过增加隐式网格线生成隐式网格轨道。 这些隐含的和显式的网格线一起构成隐式网格(implicit grid)。 隐式网格轨道的尺寸由网格自动行(grid-auto-rows)和网格自动列(grid-auto-columns)属性来确定。 网格自动流(grid-auto-flow)属性用来控制无明确位置的网格项的自...
网格布局支持弹性尺寸(flex-size),这是一个很好的自适应布局技术。 弹性尺寸使用fr尺寸单位,其来自 "fraction" 或 "fractional unit" 单词的前两个字母,表示整体空间的一部分。 比如下面的CSS规则: grid-template-columns: 100px 1fr max-content minmax(min-content, 1fr); 表示有4列,第一列100px固定尺寸,第三列 max-content 代表刚好包含元素不溢出不换行的尺寸,剩下的2列都是弹性尺寸。 按照弹性尺寸...
css3背景颜色渐变属性 兼容性测试基础环境为:windows系统;IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法: <linear-gradient>:linear-gradient([ ,]? <color-stop>[, <color-stop>]+); :[ left | right ]? [ top | bottom ]? || ? <color-stop>: [ | ]? 取值: left: 设置左边为渐变起点的横坐标值。 right: 设置右边为渐变起点的横坐标值。 top: 设置顶部为渐变起点...