ITPub博客

CSS3变形CSS2.1中的页面都是静态的，网页设计师也习惯把它作为页面效果的设计工具。多年来，Web设计师依赖于图片、Flash或 JavaScript才能完成修改页面的外观。 CSS3将改变设计师这种思维，借助CSS3可以轻松倾斜、缩放、移动以及翻转元素。2012年9月，W3C组织发布了CSS3变形工作草案。允许CSS把元素转变为2D或3D空间，这个草案包括了CSS32D变形和CSS33D变形

CSS3 渐变，渐变是两种或多种颜色之间的平滑过渡。1. CSS3线性渐变在线性渐变过程中，颜色沿着一条直线过渡：从左侧到右侧、从右侧到左侧、从顶部到底部、从底部到顶部或沿任意轴。如果使用过制作 Photoshop等软件，对线性渐变并不会陌生。CSS3制作渐变效果，其实和使用制作软件中的渐变工具没有什么差别。首先指定一个渐变的方向、起始颜色、 结束颜色。具有这三个数就可以制作 一个最简单、最普通的

CSS3伸缩布局盒模型早期的布局主要依赖于表格，从CSS2.1中有关于布局的机制有所改变，但还是并不多。开发者通常不愿意使用绝对定位，因为太不灵活；浮动定位常用于页面的布局，但对于全页多列布局来说，它总是存在一些小毛病，功能上也有很多限制。CSS3中引入了许多的布局机制，使构建一个多列布局变得更加轻松，同时，CSS2. 1 规则是比较难实现的一些复杂布局表现， 如今也变得更加容易。1. 弹性盒模型

CSS3 自由缩放属性为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，也是一个非常实用的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。在此之前，Web设计师为了要实现这样的UI效果，需要使用大量的脚本代码才能实现，这样费时费力， 效率极低。resize属性主要是用来改变元素尺寸大小的， 其主

CSS3 外轮廓属性外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式， 只有元素获取到焦点或者被激活时呈现。-outline- color： 定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，省略时此参数的默认值为黑色。-outline- style： 定义轮

CSS3内容溢出属性在CSS中的每一个元素都视为一个盒子，这个盒子就是一个容器。容器就有大小之分，如果在样式中指定盒子的宽度与高度，可能某些内容在盒子中就会容不下， 此时 就可以使用overflow 属性来指定如何显示盒中容纳不下的内容。overflow 属性是CSS2.1规范中的特性， 而在CSS3中增加了overflow-x和overflow-y 属性。overflow-x主要是用来定义对水平

CSS3盒模型CSS有一种基础设计模式叫盒模型， 定义了Web页面中的元素是如何看做盒子来解析的。 每一个盒子有不同的展示界面， 在 CSS 中 主要有以下几种盒模型： inline、inline- block、block、table、absolute，position、float。 浏览器把每个元素看 一个盒模型， 每一个盒模型是由以下几个属性组合所决定的： display、position、f

 CSS3颜色特性“佛靠金装，人靠衣装”，网页也是如此。随着互联网的迅速发展，一个网页给人们留下的第一印象，既不是它的内容，也不是它的设计， 而是整体颜色。为了能够达到人们的需求，Web设计师除了需要掌握网站制作的技术之外，还必须能够很好地应用 Web颜色。换句话说，网站颜色的使用好坏， 直接影响网站的生存力。网页色彩的表现原理：我们知道有256种Web安全颜色，其实这256种颜色是指8

CSS3 文本 在Web页面或者Web应用程序中设置文本样式是CSS最基本的要求， 早期的CSS文本功能就是给Web页面设置文本的字体、字号、颜色、样式、粗细、间距等。 随着CSS3的出现，文本功能不仅仅局限于这些基本的运用，它给文本功能添加了一些高级的属性设置， 如文本阴影属性text-shadow、文本自动换行属性word- break、 长单词与URL地址自动换行属性word-wr

CSS3盒子阴影 属性box-shadow也是CSS3新增的一个重要属性，用来定义元素的盒子阴影。1. inset： 阴影类型， 可选值。 如果不设置， 其默认的投影方式是外阴影； 如果取其唯一值“ inset”， 就是给元素设置内阴影。 2. x-offset： 阴影水平偏移量， 其值可以是正负值。 如果取正值， 则阴影在元素的右边， 反之取负值， 阴影在元素的左边。&nbs

border-radius圆角1. 圆形，border-radius制作圆角有两点技巧。 -元素的宽度和高度相同。 -圆角的半径值为元素宽度或宽度的一半或者直接设置圆角半径值为50%。2.半圆，border-radius制作半圆与制作圆形的方法是一样的，只是元素的宽度与圆角方位要配合一致，不同的宽度和高度比例，以及圆角方位，可以制作上半圆、下半圆、 左半圆 和 右半圆效果。3. 扇形，border

 CSS3 背景背景主要包括五个属性： 1· background-color（ 背景 颜色） 2· background-image（ 背景 图片） 3· background-repeat（ 背景 图片 展示 方式） 4· background-attachment（ 背景 图片 是 固定 还是 滚动） 5· background-p

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用

jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。jQuery Mobile 可以应用于智能手机与平板电脑。jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::jQuery Mobile 简介jQuery Mobile

jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。::::::::::::::::::::::::::::::::::::::::::::::::::::::::jQuery EasyUI 简介jQuery EasyUI

Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。Foundation 是一个以移动优先的流行框架。::::::::::::::::::::::::::::::::::::::::::::::::::Foundation 起步什么是 Foundation？Fo

Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。。。。。

SQL 是用于访问和处理数据库的标准的计算机语言。如何使用 SQL 访问和处理数据系统中的数据，这类数据库包括：MySQL、SQL Server、Access、Oracle、Sybase、DB2 等等。:::::::::::::::::::::::::SQL 简介SQL 是用于访问和处理数据库的标准的计算机语言。。。。。。。SQL 是什么？SQL，指结构化查询语言，全称是 Structured Q

各个浏览器之间的兼容性问题，同样的HTML5和CSS5样式，但是浏览器表现的效果不一样。一，什么兼容性问题，不正常的原因是什么？，应该怎么样让浏览器显示正常。二，为什么浏览器会存在兼容性的问题？1，同一个浏览器，版本越老存在的bug越多，越新的版本，对新标签和新的属性，新的特性支持越少。2，不同的浏览器，核心技术不一样，标准不同，实现的方式也有差异，最终的效果也有差异。三，处理兼容性问题的思路on

XSL 指扩展样式表语言（EXtensible Stylesheet Language）, 它是一个 XML 文档的样式表语言。XSLT 指 XSL 转换。。。。。。。XSL 语言它起始于 XSL，结束于 XSLT、XPath 以及 XSL-FO。起始于 XSLXSL 指扩展样式表语言（EXtensible Stylesheet Language）。万维网联盟（W3C）开始发展 XSL 的原因是：