现在有一个窗口绝对定位position:absolute;，设置css样式left: 0;right: 0;，可以实现窗口的宽度百分之百(100%)。 这时候，没有给窗口设置顶部top:0;，默认情况下窗口顶部为零，或者也可以说，默认情况下，窗口跟随着上一个窗口的底部bottom:0;。 如果上一个窗口是浏览器的边框，那么当前窗口就会紧贴着上一个窗口的边框，也就是浏览器的边框。 总结以上概述，当我们绝对定位一个窗口，设置窗口的左(left)右(right)都为零， 相...
CSS3 Filter（滤镜）属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。 -webkit-filter是css3的一个属性，Webkit率先支持了这几个功能，感觉效果很不错。下面咱们就学习一下filter这个属性吧。 现在规范中支持的效果有： grayscale 灰度 值为0-1之间的小数 sepia 褐色 值为0-1之间的小数 saturate 饱和度 值为num hue-rotate 色...
什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。 Viewport 基础 一个常用的针...
定义 haslayout是IE7-浏览器的特有属性。hasLayout是一种只读属性，有两种状态:true或false。当其为true时，代表该元素有自己的布局，否则代表该元素的布局继承于父元素。 [注意]通过element.currentStyle.hasLayout可以得出当前元素的hasLayout情况 默认触发hasLayout的标签 【1】html,body 【2】table,tr,th,td 【3】img 【4】hr 【5】input,button,select,textarea,fieldset 【6】...
HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的，那可要抓紧喽，传送门：HTML标签----图文详解 本文主要内容 清单标签 表格标签 框架标签及内嵌框架 表单标签及语义化 多媒体标签 清单标签（列表标签） 列表标签分为三种。 1、无序列表，无序列表中的每一项是 英文单词：un list。例如： 默认1 默认2 默认3 效果： 属性： type="属性值"。属性值可以选： disc(实心原点，默...
本文主要内容 HTML介绍 HTML的规范 具体标签的介绍 排版标签 字体标记 图像标记 清单标记 超链接 表格标记 框架标记及<iframe 表单标记及语义化 多媒体标记 头标记 一、HTML的介绍 1、HTML的概述： html全称为HyperText Mackeup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。 超文本：音频，视频，...
主要内容 CSS概述 CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器 CSS三种扩展选择器：组合选择器、后代选择器、伪类选择器 CSS样式优先级 CSS 概述 CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 接下...
主要内容 CSS的单位 字体属性 文本属性 背景属性 列表属性 盒子模型 定位属性：position、float、overflow、z-index等 导航栏的制作 鼠标的属性cursor 滤镜的介绍 CSS的单位： html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。CSS中的单位是必须要写的，因为它没有默认单位。 绝对单位：1 in=2.54cm=25.4mm=72pt=6pc。各种单位的含义：in：英寸Inches (1 英寸 = 2.54...
相信大家都对CSS选择符都不陌生，选择符包含：元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符。在众多的选择符中，可以让我们根据自己的需要更加灵活性的选择合适的选择符来对样式进行编写，达到最大的质量和效率。 今天就为大家介绍下选择符中的关系选择符，“关系”这可是一等一的大事啊，我们得理清楚，这样做事情才能更加的有效率。不然在CSS中有你受的，哈哈。关系选择符有四个类别：包含选择符、子选择符、...
语法： 以下是一个最简单的例子： 代码如下: Hello, World 下面这两个事件经常用到： onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动 代码如下: onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动 这是一个完整的例子： 代码如下: ...
本文主要是学习CSS盒模型的笔记，总结了一些基本概念，知识点和细节。 一些基本概念 HTML的大多数元素都是块级(block)元素或行内(inline)元素 块级元素 默认情况下，块级元素会另起一行，并尽可能的充满整个容器。块级元素可以包含行内元素和其他块级元素，相比于行内元素可以创建更复杂和大型的结构 块级元素列表： html5新增的元素：figcation：图文信息组标题 ，article：文章，figure：图文信息组output：...
本文详细描述了display:inline-block的基础知识，产生的问题和解决方法以及其常见的应用场景，加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以大概猜出它是结合了inline和block两者的特性于一身，简单的说：设置了inline-block属性的元素既拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性。 举...
counter()的定义和用法:是一个函数，其主要配合content一起使用。使用counter()来调用定义好的计数器标识符。语法结构: counter(,list-style-type) 参数解析:（1）.:counter-increment定义的属性值,用来告诉该文档插入的计数器标识符名称是什么。（2）.list-style-type:设置计数器的风格，有点类似于list-style-type。默认情况之下取值为十制，但你也可以重置这个样式风格，比如upper-roman或者upper-alpha等。此参数值列表如...
CSS3的3D转换效果详解介绍:本章介绍一下CSS3的3D转换效果，此效果的实现依靠的是transform属性，3D转换只是此属性的部分应用，更多相关内容可以参阅CSS3的transform属性总略介绍一章节。掌握3D转换效果，可以从三个方法作为突破口，分别是rotateX, rotateY, rotateZ，在2D变换过程中rotate()函数的应用，它表示旋转的意思，由于是2D变换，所以它只是在一个平面进行旋转，所以无需细分，具体可以参阅CSS3的2D转换效果详细介绍一章节...
background-size属性用法详解:此属性用来控制控制背景图片的大小，下面通过代码实例详细介绍一下此属性的用法，希望能够对需要的朋友带来一定的帮助。Background-size属性具有两个参数（在这里先不把cover和contain计算在内），参数值既可以是精确数值形式也可以是百分比形式，也可以是默认的值auto，例如: background-size:200px 100px;background-size:50% 50%;background-size:auto; 下面对Background-size...