css小记
2014-04-15 11:17
357 查看
http://api.amap.com/lab/index
1.text-decoration:none <a> 无下划线
2 在此基础上修改css
4.rightdiv
5.clear:both;
6. line-height
8.h1
bo
1.text-decoration:none <a> 无下划线
2 在此基础上修改css
* { margin: 0; padding: 0; }3.menu
.menu { float: left; display: inline; width: 500px; color: #CCCCCC; }
4.rightdiv
.user { float: right; margin-right: 25px; height: 30px; line-height: 30px; color: #FFFFFF; }
5.clear:both;
6. line-height
.menu2 ul { margin-right: 25px; height: 60px; line-height: 60px; }7. 尖角图片
.tc_t { height: 9px; width: 151px; background-image: url('/Public/images/tc_t.png'); background-repeat: no-repeat; overflow: hidden; margin-top: -20px; }.menu2 ul li ul li { height: 30px; line-height: 30px; margin: 0px 0px 0 2px; float: none; font-size: 12px; text-align: left; padding: 0px 10px; display: block; white-space: nowrap; }
menu2 ul li { float: left; font-family: 微软雅黑; width: 106px; display: inline; font-size: 14px; position: relative; display: inline; text-align: center; height: 60px; }
8.h1
h1 { clear: both; color: #196eab; height: 55px; line-height: 55px; font-size: 16px; font-family: 微软雅黑; }9.fen
.bottom_line { border-bottom: solid 1px #EBEBEB; }
<div class="info" style="height:300px;"> <div class="info_box info_left"> </div> <div class="info_box info_mid"> </div> <div class="info_box info_right"> </div> <div style="clear:both"></div> </div>
.info_box { display: inline; margin-top: 10px; width: 220px; }
.info_left { float: left; }
bo
box-shadow: 1px 0 1px 0 rgba(0,0,0,0.05),0 1px 1px 0 rgba(0,0,0,0.1);
相关文章推荐
- CSS3 transition 属性过渡效果 详解
- CSS3 transition 属性过渡效果 详解
- 引入外部css样式,引入外部js文件
- WPF第三方控件DXperience的dxn:NavBarControl添加样式
- 2款不同样式的CSS3 Loading加载动画 附源码
- CSS Text
- 经验分享:CSS浮动(float,clear)通俗讲解
- 对CSS中的Position、Float属性的一些深入探讨
- Javaweb__html、css
- iHover实用的CSS3图片鼠标悬停动画特效插件
- Firefox的规则树和样式上下文树
- css3 条纹化和透明化表格
- HTML笔记——HTML CSS样式简介
- 分享一个css3写的气泡对话框,适合于即时通讯和留言本的动态内容
- 浏览器全屏显示背景图片设置
- HTML笔记——导入外部样式表 <link>标签
- 选项卡样式的fragment
- (转)十分钟搞定CSS选择器
- ImageButton背景透明(没有按钮框)以及自定义不同状态样式,自定义背景
- CSS高级知识