1.margin是什么？ margin用于控制元素周围空间的间隔，从视觉上达到空间间隔的目的。相对于前一个元素有相应的外边距。用于隔开元素与元素的。始终是透明的。 2.外边距的合并问题（参见w3school）---前提：元素出于文档流中 2.1 两个垂直外边距相遇时，在垂直方向上会发生外边距的叠加，最终的外边距等于二者的较大值； 2.2 当一个元素（没有边框和内边距）包含另外一个元素时，将在垂直方向上发生叠加； 2.3 当一个元素为空元素时...
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5<title>纯css3样式属性制作各种图形图标</title> 6</head> 7<style> 8 9/*正方形*/ 10#square{width:100px;height:100px;background:red;} 11/*长方形*/ 12...
css样式之属性操作一、文本属性 1.text-align:cnter 文本居中 2.line heigth 垂直居中 ：行高，和高度对应 3.设置图片与文本的距离：vertical-align 4.text-decoration:none 去掉超链接下划线 5.要是给a标签修改颜色的时候，就定到a标签上，用继承有时候是搞不定的 因为继承的级别是很低的，如果a标签设置了样式，是不会继承父亲的 6.首行缩进：text-indent:30px 7.font-style:oblique 或者italic....(设置字体的样式...
border： border：4px dotted red; 宽度 样式 颜色 solid(实线) border-style： -none: 无边框 -hidder: 隐藏边框 -dotted: 点组成 -dashed: 短线组成 -solid: 实线 -double: 双实线 -groove: 立体感的沟槽 -ridge: 脊形 -inset: 内嵌一个...
嵌套DIV布局，会牵扯到CSS的position属性 如果内层DIV将position属性设置为absolute，并设置left，和top等属性，还需要考虑外层DIV的position属性设置。 absolute:absolute绝对定位，直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢，容器就是离元素最近的一个定位好的“祖先”，定位好的意思就是其Position是absolute或fixed或relative。如果没有这个容器，那就...
css文本与字体的属性文本属性text-decoration（文字装饰线）的属性text-tabsform(设置文字大小写转换)：用的比较少 text-indent 用于对第一行内容的缩进text-align用于设置元素内容在元素中的水平对齐方式（默认左对齐）字体属性font-size设置字体大小(p元素选择器会重叠掉box1,而span却会继承，因为父类的字体大小即为1em)font-family设置文字的字体可以设置多个字体，从左到右按顺序直到找到可用的字体。英文字体只适用于英文而中...
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>Insert title here</title> 6<style type="text/css"> 7/* 8 字体属性：9 color==>文字颜色 10 font-family==>文字样式 11 font-size==>文字大小 12 font-style==>文字样式(斜体..) 13 font-weight==>文字加粗 14 font-variant==>异形字 15*/16p{17/* 字体相关属性 18 font-size:100px; 19 font-family:黑体; 20 font-style:italic; 2...
转载自 http://www.cnblogs.com/zhuzhenwei918/p/6124263.html深入理解css中的margin属性 之前我一直认为margin属性是一个非常简单的属性，但是最近做项目时遇到了一些问题，才发现margin属性还是有一些“坑”的，下面我会介绍margin的基本知识以及那些“坑”。这篇博文主要分为以下几个部分：margin--基础知识margin--在同级元素（非父子关系）之间应用margin--在父元素和子元素之间应用（重点）margin--margin值的单位为%时的...
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。不及继承：也就是指子节点不能继承父节点的属性，譬如：<div style="border:1px solid #ff0000;"> 这是父节点<p>这是子节点</p></div>效果...
在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是"Keyframes",我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个“Keyframes”是什么东西。前面我们在使用transition制作一个简单的transition效果时，我们包括了初始属性和最终属性，一个开始执行动作时间和一个延续动作时间以及动作的变换速率，其实这些值都是一个中间值，如果我们要控制的更细一些，比如说我要第一个...
以下是IE7中新支持的属性:min-height,max-height,min-width,max-width这个hack还可以使最大高度兼容IE6，你可以举一反三：{height:350px;overflow:hidden;}以下是IE7中新支持的属性选择符:精确属性匹配 [=] : 只有当属性完全匹配指定值的时候, 则会应用该css定义.存在匹配 []: 只要存在这样的属性, 则应用该css定义.连字号匹配[|=]: 使用连字号匹配的css定义. 例如: <span abc=”en-us”>dddd</span> 它就能应用 <style>[abc|=”en...
目录：1、CSS注释的书写 怎么写？好处？2、CSS引入方式 各种的优缺点3、选择器的写法与选择器的优先级4、CSS命名规范5、背景，行高6、文本(text与font开头)等所有属性① CSS注释书写规范：1、单行注释： 直接写在属性值的后面，如：① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ } ② .wrap { /*height: 100px;*/ } 2、...
关于js中style,currentStyle和getComputedStyle几个注意的地方（1）用js的style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。（2）currentStyle可以弥补style的不足（可获取内联样式，内部样式和外部样式），但是只适用于IE。（3）getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。 注意： ① currentStyle和getComputedStyle只能用于获取页面元素的样式，不能用来设...
CSS属性 关于尺寸的 width 设置宽 height 设置高 min-width: 设置最小宽度 max-width: 设置最大宽度 min-height: 设置最小高度 max-height: 设置最大高度 关于文字的 font-family:微软雅黑; 设置文字字体 font-size:16px; 设置文字大小 font-weight:bold; 设置文字加粗 color:设置文字颜色 font-style:italic 设置字体为斜体...
网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。原文：http://www.cnblogs.com/luckyXcc/p/5742947.html