css样式学习笔记七
2016-02-16 13:40
218 查看
注:其中的内容只是自己学习时的一些笔记,好记性不如烂笔头,在此记录方便以后巩固!
一、属性选择器 (css3.0以后的版本会支持的)
(1)选择器[属性=值]{color:red;}
比如:
p[align=right]{color:red;}
input[type=button]{background-color:red;}
(2)选择器[属性]{color:red;}
input[value]{background-color:red;}
二、边距(外边距)
1)ie6容易出现双边距
当浮动的元素设置左右外边距的时候 会出现双倍边距
解决方法:把浮动元素设置为行内元素
_display:inline;/*只有ie6识别此代码*/
2)父子两个div同时有外边距的时候取其中大的值作为边距
解决方法
(1)为父元素添加内边距(但不是最好的方法)
(2)给父元素设置内边距或边框(建议1px)
行内元素和行内块元素之间的对齐方式 是设置vertical-align:left right middle
一、属性选择器 (css3.0以后的版本会支持的)
(1)选择器[属性=值]{color:red;}
比如:
p[align=right]{color:red;}
input[type=button]{background-color:red;}
(2)选择器[属性]{color:red;}
input[value]{background-color:red;}
二、边距(外边距)
1)ie6容易出现双边距
当浮动的元素设置左右外边距的时候 会出现双倍边距
解决方法:把浮动元素设置为行内元素
_display:inline;/*只有ie6识别此代码*/
2)父子两个div同时有外边距的时候取其中大的值作为边距
解决方法
(1)为父元素添加内边距(但不是最好的方法)
(2)给父元素设置内边距或边框(建议1px)
行内元素和行内块元素之间的对齐方式 是设置vertical-align:left right middle
相关文章推荐
- css样式学习笔记六
- css样式学习笔记四
- css样式学习笔记五
- css样式学习笔记三
- css样式学习笔记一
- css样式学习笔记二
- 简单实用css动画 webigge -webkit-transition: all .2s
- 前端css笔记2016-2-16
- html元素的CSS定位分析
- css篇——display
- CSS 清除浮动
- 使用JSoup+CSSPath采集和讯网人物信息
- 代码:CSS仿制 苹果按钮图标
- 三角形的css实现(IE6兼容)
- css3 RGBA 红色R+绿色G+蓝色B+Alpha通道
- 如何解决css样式表在不同浏览器中显示效果不同的问题
- <div>标签(css与html写在一起 style type=“text/css”)
- DevExpress自学笔记—整体修改窗体及控件的皮肤样式2
- Emmet:HTML/CSS代码快速编写神器
- HTML+CSS代码橙色导航菜单