工作在浏览器上人-YangBobin

摘要： 1、点击插入选项。在其菜单栏中找到符号选项，点击它。如图。选择wingdings 或者“wingdings 2”，在下面找到R，并选择；点击确定。 阅读全文

摘要： 一、命名规则说明所有的命名最好都小写属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"每个标签都要有开始和结束，且要有正确的层次，排版有规律工整空元素要有结束的tag或于开始的tag后加上"/"表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等到的定义，应遵循从大到小的原则，体现文档的结构... 阅读全文

摘要： CSS 有几个不同的单位用于表示长度。 一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。 长度由一个数字和单位组成如 10px, 2em, 等。 数字与单位之间不能出现空格。如果长度值为 0，则可以省略单位。 对于一些 CSS 属性，长度可以是负数。 有两种类型的长度单位：绝对和相对。一、绝对长度绝对长度单位是... 阅读全文

摘要： 对于Web开发者来说，网页布局一直是个比较重要的问题。但实际上，在网页开发很长的一段时间当中，我们甚至没有一个比较完整的布局模块。总的来说 Web 布局经历了以下四个阶段：1、table表格布局，通过 Dreamweaver 拖拽表格或者手写 table 标签布局2、float浮动及position定位布局，借助元素元素盒模型本身的特性以及 float position 等属性等进行布局3、fl... 阅读全文

摘要： 弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。一、浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在数字后面的 -webkit- 或 -... 阅读全文

摘要： 一、CSS3 多列 CSS3 可以将文本内容设计成像报纸一样的多列布局，IE10及以上支持。如下实例: 1、所有 CSS3 的多列属性： column-count：指定元素应该被分割的列数。 column-fill：指定如何填充列 column-gap：指定列与列之间的间隙 column-rule：所有 column-rule-* 属性的简写 column-... 阅读全文

摘要： 一、CSS3 过渡:transitionCSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。IE10及以上浏览器支持。1、它是如何工作？CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：指定要添加效果的CSS属性指定效果的持续时间。应用于宽度属性的过渡效果，时长为 2 秒：div{ transi... 阅读全文

摘要： 一、CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。浏览器支持Internet Explorer 10、以及 Opera 支持 transform 属性。注释：Internet Explorer 9 需要前缀 -ms-。Chrome 和 Safari 需要前缀 -webkit-。二、2D 转换在本章中，您将学到如下 2D 转换方法：translate()rot... 阅读全文

摘要： 一、CSS3 渐变（gradients）渐变效果CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义线性渐变相关属性：background-image。 IE8 及更... 阅读全文

摘要： 一、媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如：viewport(视窗) 的宽度与高度设备的宽度与高度朝向 (智能手机横屏，竖屏) 。分辨率目前很多针对苹果手机，Android 手机，平板等设备都会使用到多媒体查询。二、媒体类型：mediatype 媒体类型(Media Types)允许你定义以何种媒介来... 阅读全文

摘要： CSS伪元素 伪元素是用来添加一些选择器的特殊效果。 伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文档中，所以叫伪元素。 所有CSS元素 ... 阅读全文

摘要： CSS伪类 伪类是用来添加一些选择器的特殊效果。 伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。 所有CSS伪类 :ac... 阅读全文