Css
CSS3-transition
1、transition代表css3中的过渡，可以使元素从一种样式逐渐改变为另一种的效果。2、transition:height2s;表示需要渐变的是元素高度height,渐变时间是2s。transition还有其他参数如下图：3、-moz-,-webkit-,-o-这三个是厂商前缀，不同浏览的厂商,因为不同浏览器有不...
css3中-moz、-ms、-webkit、-o
-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o代表opera私有属性...
css详解3
推荐学习链接：css盒模型 1.1、pading<htmllang="en"><head><metacharset="UTF-8"><style>#box{width:200px;heigh...
css详解4
固定定位，页面内容多，页面滚动起来，才能看到固定定位效果。比如下面这个，随之滚动条滚动它一直在右边。比如固定导航栏，小广告，回到顶部，应用在这些地方。一直固定位置不变的。首先让页面能滚动起来<htmllang="en"><head>&l...
css详解1
1.1、行内引入<divcolor:#800000;">"color:red;">魔降风云变</div> <html><head><metacharset="UTF-8"></head><body><div&...
CSS使用学习总结
尽量少使用类,因为可以层叠识别,如:.Newsh3而不必在h3上加类 <divclass=”News”> <h3></h3> <h2></h2> <p></p> ...
CSS之少用继承，多用组合
下面是一段普通的代码: css: .box{ border:1pxsolid#ccc; font-size:12px; background:#f1f1f1; padding:10px; }html：<divclass="box">thi...
css position: absolute、relative详解
CSS2.0HandBook上的解释： 设置此属性值为absolute会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁(margin)，但仍有内补丁(padding)和边框(...
详细分析css float 属性以及position:absolute 的区别
1.float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此。<divclass="box...
讨论CSS中的各类居中方式
今天主要谈一谈CSS中的各种居中的办法。 首先是水平居中，最简单的办法当然就是margin:0auto;也就是将margin-left和margin-right属性设置为auto，从而达到水平居中的效果。那么其他的办法呢？容我一一道来：line-height首先介绍文字的水平居中方法：<divclass...
css3 小三角的用法
<divclass="arrow-up"><!--向上的三角--></div><divclass="arrow-down"><!--向下的三角--></div><divclass="arrow-left"><!--向左的三角--&...
css 样式引入的方法 link 与import的区别
<link> 元素所参考的样式用户可以自由的选择加以改变，而导入的样式表单就自动的与剩下的样式表融合在一起了CSS与HTML文档结合的4中方法：1使用<link>元素链接到外部的样式文件2在<head>元素中使用"style"元素来指定3使用CSS"@import"标记来导...
css content
beforeafterdemodiv1:after{conent:"天假额外的文字"}<aclass="div1"href="http://www.baidu.com"></a>div1:after{content:attr(href)}注意：当使用attr()获取标签属性名的时候，千万不要添加...
css 实现元素四角图片样式，元素的大小不定
demo效果cssbody{margin:0;}.popupp{margin-bottom:20px;margin-left:200px;}.popuppspan{display:inline-block;}.popuppspan.popup-a{padding-left:6px;background:url("ima...
