您的位置:首页 > Web前端 > CSS

常用CSS

2016-01-12 20:12 447 查看
p:first-child

filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8; /*使图片透明*/

cursor:pointer;/*鼠标显示方法,手指*/

/*tml代码 CSS可以参照如下定义,注意顺序: */

#menu { line-height: 23px; } /* firefox 浏览器实行这句定义 */

#menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/

#menu { *line-height: 23px; } /*ie6,ie7 这句定义主要尖对IE7来hack*/

#menu { _line-height: 23px; } /*ie6 浏览器优先实行这句定义*/ 或者写成一句

#menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; } 或者

* html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */

*+html #menu { line-height: 23px; } /* IE7 浏览器实行这句定义*/

{line-height:21px!important;*line-height:21px;_line-height:21px;}/*line-height兼容*/

{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px;}/*CSS截取,超过这个宽度就显示省略号*/

{display:inline-block;/*IE6不兼容block*/}

{

/*

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

摘要: summary

navigation

页面外围控制整体布局宽度:wrapper

wmode="transparent"设置flash背景透明

*/} 

{word-wrap: break-word; word-break: normal; text-align:justify; text-justify:inter-ideograph;/*换行*/}

{text-transform:uppercase;/*保持大写*/}

{font-style:italic;/*字体倾斜*/}

img{vertical-align:middle;/*图片居中*/}

{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;/*圆角*/}

{text-shadow: -2px 2px #fff;/*给文字镶边框*/}

/*旋转*/

{transform: rotate(180deg);

-ms-transform: rotate(180deg); /* IE 9 */

-webkit-transform: rotate(180deg); /* Safari and Chrome */

-o-transform: rotate(180deg); /* Opera */

-moz-transform: rotate(180deg); /* Firefox */}

cursor:not-allowed;

线条:dashed dotted inherit

color:inherit;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: