css实战篇

css实战篇

1.大部分样式如果不起作用，是因为有的标签是行内样式，有的样式属性对行内样式不起作用。需要把行内样式改为块样式display:block;
例子：margin:auto auto 居中，只对块样式起作用。
2.大部分情况下vertical-align: middle; 垂直居中不起作用，需要设置下line-height。
3.属性选择器：
selector[type="text"] { padding: 15px; margin-bottom: 15px; background-color: rgba(0,0,0,.5); box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff; }
1对于vertical-align:baseline想起作用用 父元素必须设置line-height属性。

2a:link{}
a:visited{}
a:hover{}
a:active{}
:before, span:after 

3text-decoration:none; outline:none;
 4table {border-collapse:collapse}

4: 样式使用表达式 .oo{height: calc(100% - 45px)}

posted on 2016-11-29 09:24 倪金彪 阅读( ...) 评论( ...)   编辑 收藏

转载于:https://www.cnblogs.com/nijb/articles/6112258.html