JavaScript与CSS属性的控制网上很常见，因此来说用js操作css属性是有一定规律的。1、对于没有中划线的css属性一般直接使用style.属性名即可。 如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。对在css中有...
transform是一个属性，本质跟width,height是一样的，加上transform也就是为类增加一个变换属性。transition是一个属性，它是用来控制过渡效果的，因为用transform可以增加变换效果，而那个变换是瞬间突变，如果想让这个变化是平滑的、过渡型的，则要用transition来控制，设定要控制的属性和过渡的时间即可。animation是动画效果，要先用@keyframes定义一个动画过程，然后在类中用animation的各个参数制定想要添加的动画名称，运行时...
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>引入外部样式</title><link rel=" stylesheet" href="home.css" type="text/css"/></head><body><p>我也是一个段落</p><span>这是一个span标签</span><p>这是一个<span>这是里面的标签</span>.</p><p id="t">我也是一个标签<span>我也是里面的</span></p><p class="test"> 我需要改变</p></body><...
1、border 边框可以按顺序设置如下边框属性： 属性值描述border-width 以PX为单位 边框的粗细border-style1、solid 实线2、dashed 虚线3、dotted 点线 边框的样式 border-color可以用英文，如：red也可以在色板里选择边框的颜色 通常采用简写的方式：简写方式：border:solid 1px #FOF;实例： HTML部分：<div id="d1"></div>CSS部分：#d1 {width:100px; /* 宽度 */height:100px; /* 高度 */bo...
px：一个虚拟长度单位，是计算机系统的数字化图像长度单位，换算成物理长度，需要制定经度DPI。Windows系统默认是96dpi，Apple系统默认是72dpi。 一个相对长度单位，像素px是相对于显示器屏幕分辨率而言的。但IE无法调整哪些使用px作为单位的字体大小，国外的大部分网站能够调整的原意在于其使用了em或者rem作为字体单位。em：一个相对长度单位，一般指字符宽度的倍数，用法类似百分比，如：0.8em，通常1em=16px。 相对于当前对...
原文:CSS中伪类及伪元素用法详解伪类的分类及作用：注：该表引自W3School教程伪元素的分类及作用：接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： :active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。 写法：这里id为box的是一div块，在css中首先设置了他的基本样式，下面为加入:active伪类后需要修改的样式。未点击时：...
CSS样式优先级行内>内部>外部使用!important的css定义是拥有最高的优先级的。只是在ie6下出了一点小的bug，注意书写方式一般可以轻松避开的。CSS中的!important一般都是用于对低版本的除了iE 6 ，用来做hack的，后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。 IE6不认识它的，IE7和别的浏览器中可以用，用来处理浏览器的兼容性 .padding-l-r p span{ fon...
一般我们通过box-shadow来设置盒阴影，但是有些属性我们一般没有用到，这篇文章将对box-shadow属性进行逐个分析。语法CSS Code复制内容到剪贴板E {box-shadow:inset x-offset y-offset blur-radius spread-radius color} 即：对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} inset 投影方式 此参数是一个可选值，如果不设值，其默认的投影方式是外阴影；如果取其唯一值“inset”...
1、网站常见小图标调用方式： 将所有小图标做在一张大图上a.png，然后根据横纵轴来调用。 background:url("a.png") -23px -70px no-repeat;2、块级元素居中的常见写法： margin:0px auto;3、如何让超链接影响到整个块？ 将行内元素变成块级元素：display:block 4、文本框只留下面一条线： { border-width:0px; border-bottom:solid 1px #000; }5、html及css常用易混短语总结： 超出部分隐藏： overflo...
目录1. label标签2. 文字属性3. 背景属性4. 边框5. display6. 盒子模型margin7. 盒子模型padding8. 浮动9. overflow10. 相对定位11. 绝对定位12. 固定定位13. 定位脱离文档流14. 模态框1. label标签定义：<label>标签为 input 元素定义标注（标记）。 说明：label 元素不会向用户呈现任何特殊效果。<label> 标签的 for 属性值应当与相关元素的 id 属性值相同。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><titl...
--引用外部的CSS样式 @import url(样式地址); --注释 /*Modify this at 08/05/06 AM9:58*/ /**********NOTICE Theme Name:CSDN BLOG css style; Description:This is style templet file author:wuyue@csdn.net time:2008-05-06 location:unknown last modify:2007-05-06 *************************************/ --换行 word-wrap:break-word;word-break:break-all; 原文：http://www.jb51.net/css/10504.html
前面的话 现在，预处理器(如sass)似乎已经成为开发CSS的标配，正如几年前jQuery是开发JS的标配一样。JS的querySelector借鉴了jQuery的选择器思想，CSS选择器也借鉴了预处理器的变量定义、选择器嵌套、代码块重用等常用功能。本文将详细介绍CSS选择器的新用法 变量 一般地，我们在进行web开发时，会有一套变量定义规范，以sass为例，如下所示// 颜色定义规范 $color-background : #222 $color-background-d : rgba(0, 0, 0, 0...
在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，它可以将对象呈递为内联对象，但是对象的内容作为块对象呈递，旁边的内联对象会被呈递在同一行内，允许空格。本文向大家描述一下CSS属性display:inline-block的用法，它可以将对象呈递为内联对象，但是对象的内容作为块对象呈递，旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别，支持的浏览器有：Opera、Safari。 深入理解...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> p{font-size:14px;text-indent:2em;} span{font-size:0.8em;} </style> </head><body><p>啦啦啦啦啦啦啦啦<span>啦啦啊啦啦啦啦啦</span>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啊啦啦啦啦啦啦啦啦</p></body> </html> 原文：http://www.cnblogs.com/Riona-C/p/7148079.html
1，CSS3 边框用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。而在本节中，您将了解以下的边框属性有：border-radiusbox-shadowborder-image（需要注意的是：该属性不支持ie浏览器）Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。注释：对于 border-image，Safari 5 以及更...