position div+css相对定位和绝对定位用法

div+css相对定位和绝对定位用法1.定位的专业解释  (1)语法position:static|absolute|fixed|relative  (2)说明  从上面语法可以看出,定位的方法有很多种,它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位 (relative)。在这个教程里,我不逐一讲,只讲最常用也是最实用的两个定位方法:绝对定位(absolute)、相对定位(relative)。  绝对定位(absolute):将被赋予此定位方法的对象...

1598 2 2015-08-25 经验分享

谷歌浏览器chorme的input黄色边框兼容方式

谷歌浏览器chorme的input黄色边框兼容方式 /** * 兼容chorme * 输入框光标位置和黄色边框 * 这段放到最后面 * Class名称要保持一致才会重置到样式 **/ @media screen and (-webkit-min-device-pixel-ratio:0) { .exmails-form .form-input-text { line-height: 15px; outline: none; } }

2001 2 2015-07-18 经验分享

CSS3的响应式布局

做手机端网页需要用到响应式布局,首先需要再HTML文件头声明一下:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />主要目的是宽度控制和禁止用户缩放,具体参数自己GOOGLE一下。下面是CSS判断是PC端还是移动端其实很简单,用CSS3的媒体查询就可以非常方便去实现,不需要用userAgent神马的那么麻烦。/*最小宽度...

1832 2 2015-07-18 经验分享

CCS实现input和img水平对齐

在网页制作中,常将 input 和 img 放在同一行,img标签总是比input高出一个头,非常难看。 之前试过好多方法,都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。 CCS实现input和img水平对齐的方法 同时给input和img添加vertical-align:middle就行了 代码如下: [cc lang="css"] input, img { vertical-align:middle; } [/cc]

1857 2 2015-01-05 站长杂谈

css两端对齐 CSS实现文字环绕图片和文字两端对齐

CSS控制内容两边对齐 [cc lang="css"] text-align:justify; text-justify:inter-ideograph; [/cc] 1.中文字两端对齐: [cc lang="css"] text-align:justify; text-justify:inter-ideograph; [/cc] 2.固定宽度汉字截断: [cc lang="css"] overflow:hidden;text-overflow:ellipsis;white-space:nowrap; [/cc] (不过只能处理文字在一行上的截断,不能处理多行。)(IE5以上)FF不能,它只隐藏. 3.固定...

3174 2 2014-12-27 经验分享

CSS元素绝对定位、相对定位 absolute

个人总结,一般使用的定位就是absolute绝对定位和relative相对定位。 absolute:将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。而其层叠通过 z-index 属性定义 使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。 如果用到相对定位,紧随他的层divaf...

2100 2 2014-05-12 经验分享

团队合作的CSS样式命名规范及参考命名标准

团队合作常用的css命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:copyright 滚动:scroll 内...

1980 2 2014-05-12 经验分享