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
让IE6/IE7/IE8浏览器支持CSS3属性 一、下载您可以狠狠地点击这里：ie-css3.htc，这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件，.htc文件是个脚本文件，我个人以为与js文件属于同一货色，只是呢，貌似htc是Internet Explorer(IE)的私生子，只有IE才认它。htc文件可以用来描述web行为，web行为允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如Ac...
CSS背景：属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是否及如何重复。 1.背景色：background-color属性，设置元素的背景颜色；<1>元素背景的范围:background-color 属性为元素...
这篇文章主要介绍几个常用css属性和简写 本文目录： 1.背景属性 2.边框属性 3.字体属性 4.外边距 5.填充 6.颜色1.background【背景属性】background-color /*背景色*/ background-image /*背景图片*/ background-repeat /*背景图平铺方式*/ 简写：background: 背景色 背景图片 平铺方式t; 例如：background: gray url(xxx/xx.png) no-repeat;2.border【边框属性】border-width /*边框宽度*/ border-style /*边框样式*/ border-colo...