html5 css3中的一些笔记

<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>css选择器</title> <style type="text/css"> /* HTML 文档css :root{ border: solid 1px red ; }; */ /*字选择器带>号也可以不用带*/ /*ul > li{ color…

html5+css3中的background: -moz-linear-gradient 用法

在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性. background: -moz-linear-gradient(top, #bccfe3 0%, #d2dded 100%); 适合 FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bccfe3), color-stop(…

html5+css3中的background: -moz-linear-gradient 用法 (转载)

转载至-->http://www.cnblogs.com/smile-ls/archive/2013/06/03/3115599.html 在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性. background: -moz-linear-gradient(top, #bccfe3 0%, #d2dded 100%); 适合 FF3.6+ background: -webkit- grad…

html5+css3 权威指南阅读笔记（三）---表单及其它新增和改良元素

一.新增元素及属性 1.表单内元素的form属性. html5: <form id="testForm"> <input type=text> </form> <textarea form = testForm></textarea> 2.表单内元素的formaction属性 <form id="testForm" action="test.jsp"> <input t…

前端笔记之HTML5&CSS3（中）选择器&伪类伪元素&CSS3效果&渐变背景&过渡

一.CSS3选择器 CSS3是CSS的第三代版本,新增了很多功能,例如:强大的选择器.盒模型.圆角.渐变.动画.2D/3D转换.文字特效等. CSS3和HTML5没有任何关系!HTML5骨架中,可以用CSS2.1也可以用CSS3.XHTML骨架中可以用CSS3的样式. 在学习CSS之前都是学习选择器,在CSS2中有class.id.标签选择器等. CSS3赋予了强大的选择器. CSS3没有颠覆传统CSS的写法,依然是: 选择器{ k:v; k:v; } CSS有一个特点,遇见自己不认识的选择器.…

《HTML5与CSS3基础教程》笔记

以下笔记摘要页码基于人民邮电出版社 2013年1月第1版英文书名:HMTL5 and CSS3 Visual Quickstart Guide (Seven Edition) 前言 P2: 渐进增强:一种最佳实践第1章网页的构造块 P1: 第一步要让内容对所有用户都是可访问的. P3: 无论如何,页面一定要包含 DOCTYPE. P5: HTML 核心观念:只负责描述内容的含义,而非表现. 无论是使用从 HTML 这门语言诞生起就存在的元素,还是使用 HTML5 的新元素,目标都应该是一…

【HTML5&CSS3进阶04】CSS3动画应该如何在webapp中运用

动画在webapp的现状 webapp模式的网站追求的就是一个体验,是HTML5&CSS3浪潮下的产物,抛开体验不说,webapp模式门槛比较高: 而体验优化的一个重点便是动画,可以说动画是webapp的一个亮点.但也是一个难点,一个痛点,主要原因是:移动端手机的碎片化严重. 设备.型号.版本.分辨率等差异导致移动端需要考虑的主流情况达10多种,而Hybrid带来的webview可以让情况更加糟糕所以说,近两年想在移动端大范围的使用动画,或者使用webapp模式都对团队的能力提出了要求,原因是…

HTML5&CSS3练习笔记(二)

HTML5&CSS3 练习CSS3伪选择器使用 1.first-line 格式:元素:first-line 说明:设置同一个标签下所有行内容的第一行的样式,例如: <table style="float: left; font-size: 1.4em; width: 391px; height: 59px; border: none;"> <tbody> <tr> <td style="border: none;"…

HTML5+CSS3学习笔记（二）页面布局：HTML5新元素及其特性

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 本次学习HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 学习这些…

HTML5+CSS3学习笔记（一）

HTML5+CSS3概述 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就是HTML5必将被越来越多的Web开发人员所使用,各大主流浏览器厂家已经积极更新自己的产品,以更好地支持HTML5. 一.一个新的Web开发平台 HTML5围绕一个核心:构建一套更加强大的Web应用开发平台. 优势: 1)更多的描述性标签:HTML5引入非常多的描述性标签,例如用于定义头部(header).尾…

【html5 css3中的一些笔记】的更多相关文章