css
-
使用css实现左（右）侧固定宽度，右（左）侧宽度自适应方法介绍
老话长谈，css的不固定适应布局 不管是面试还是在平时的工作中，这样的布局形式一直都在用着，很常见，所以今天我就拿出来在唠叨一下， 既是给自己一个备忘存储，也是一个学习巩固的参考，知道大家都会，还是要记忆一下，不为其他，就为打好基础。 话说太多， 直接上代码，一看就能明白。 也许你会不屑一顾的说…
-
深入了解css易混淆属性和值的区别
css的属性很多，每一个属性的值也很多，组合起来便有成千上万种。不同属性之间的相互组合也可以产生不同的样式，css真是一种优美的样式设计语言。下面对工作中常见的易混淆的属性和值进行总结： 1. line-height(行高) 带单位与不带单位的区别： 我们知道行高是可以继承的。当父元素的行高值没有带…
-
详解CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
在网页制作中经常要控制p宽度最大宽度/高度或者最小宽度/高度，但是在ie6中很多朋友都会遇到不兼容的头疼问题，包括我也经常遇到这样的问题，在百度查了很多都没法解决，后来在一个论坛上学习到，在这里跟大家分享下css3样式代码，经过时间完全兼容各大主流浏览器。 * 最小寬度 */ .min_width{…
-
深入了解CSS级联和继承的使用
1.在html中使用css样式表的三种方式： （1）内联的样式表。 eg：LIN （2）嵌入式样式表。 即在head>标签内嵌入标签及具体的样式设置内容。 立即学习“前端免费学习笔记（深入）”； （3）外部链接的样式表。 2.级联的顺序 （1） 首先要根据起源（origin）将规则分类。 具…
-
详解css的四种书写方式介绍
优先级： 外部样式 优先级，即：同名的选择器右边的会覆盖左边 1.内部样式表 /*内部样式表，一般用于覆盖公用样式*/ ＃headTip { color: 0xff5; } 2.使用link标签，在文档中声明使用外接资源，最常用的一种方式。 立即学习“前端免费学习笔记（深入）”； css外部样式表指…
-
详解css绝对定位对元素宽度的影响
一、问题来源 自己编写轮播图切换的时候前一幅图滑动时后边出现空白直到前一幅图全部滑出后第二幅图才出现。刚开始出现问题到网上搜发现有的说定时器动画可能会造成这种情况，于是我在代码调试里注释掉了定时器，让图片只走一步就停下来，发现后边还是有空白，所以确定不是定时器的问题。于是我查看了一下盒模型…
-
详解css的外边距margin的使用
这篇文章详解css的外边距margin的使用 h2{margin:10px 0;}p{margin:20px 0;}……这是一个标题 这是又一个标题本例中，第一个h2的margin-bottom（10px），p的margin-top（20px），第二个h2的margin-top（10px）…
-
使用CSS制作简易3D效果旋转木马实例代码
最近看一下css3d的一些特性，想着也实验学习一下，制作个小demo之类的。就练习了一下。开发一个粗糙的选择木马效果，如图 其实就是找到角度和位置，计算每根柱子的旋转角度摆放到3d空间的置顶位置即可。然后利用css的animate属性让3d舞台无线旋转，就有了一简易的旋转木马效果。感兴趣的可以看一下…
-
使用css改变下拉列表select框的默认样式介绍
这篇文章使用css改变下拉列表select框的默认样式介绍 原理 原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。当然右侧的小箭头可以用伪元素before或者after来实现。 select { /*Chrome和Firefox里面的边框是不一样的，所以复写了…
-
使用CSS实现Footer置底的五种方式
页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。 当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。 方法一：将内容部分的margin-bottom设为负数 footer htm…
