css的学习笔记
2016-04-08 17:17
489 查看
1、display:inline-block;这个属性的设置的卵用:
nline-block主要的用处是用来处理行内非替换元素的高宽问题的!
行内非替换元素,比如span、a等标签,正常情况下士不能设置宽高的,加上该属性之后,就可以触发让这类标签表现得如块级元素一样,可以设置宽高。
注意IE6不支持inline-block属性,可以用hack来解决:*display:inline;zoom:1;
2、border:1px solid #aaaaaa;的卵用:
就是给我们的块级元素增加一个边框,边框的线条是实线,边框的颜色是#aaaaaa。
3、vertical-align:middle
vertical-align 属性设置元素的垂直对齐方式。
nline-block主要的用处是用来处理行内非替换元素的高宽问题的!
行内非替换元素,比如span、a等标签,正常情况下士不能设置宽高的,加上该属性之后,就可以触发让这类标签表现得如块级元素一样,可以设置宽高。
注意IE6不支持inline-block属性,可以用hack来解决:*display:inline;zoom:1;
2、border:1px solid #aaaaaa;的卵用:
就是给我们的块级元素增加一个边框,边框的线条是实线,边框的颜色是#aaaaaa。
3、vertical-align:middle
vertical-align 属性设置元素的垂直对齐方式。
值 | 描述 |
---|---|
baseline | 默认。元素放置在父元素的基线上。 |
sub | 垂直对齐文本的下标。 |
super | 垂直对齐文本的上标 |
top | 把元素的顶端与行中最高元素的顶端对齐 |
text-top | 把元素的顶端与父元素字体的顶端对齐 |
middle | 把此元素放置在父元素的中部。 |
bottom | 把元素的顶端与行中最低的元素的顶端对齐。 |
text-bottom | 把元素的底端与父元素字体的底端对齐。 |
length | |
% | 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 |
inherit | 规定应该从父元素继承 vertical-align 属性的值。 |
相关文章推荐
- css3 标题超过长度自动省略号
- input-group+navs
- css3 渐变实例
- CSS实现画一条竖线
- css3 animate 和关键帧 @-webkit-keyframes
- CSS Overflow Hidden在iPhone & Safari不起作用
- css 初始化
- css 禁止文字自动换行
- css 相对电脑窗口定位
- [CSS3备忘] transform animation 等
- css 全局样式表
- jsLoader、cssLoader、imageLoader
- table中给tr设置border-bottom无效
- wordpress get_stylesheet_directory_uri()返回样式目录
- css 三角实例
- CSS3 线性渐变(linear-gradient)
- 水果手机 Safari transform rotateY 不兼容问题
- 让IE6/IE7/IE8浏览器支持CSS3属性
- CSS Vertical-align 用法
- 【笔记】 《js权威指南》- 第16章 脚本化CSS 16.5 脚本化CSS类 - 16.6 脚本化样式表