ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

CSS 高级技巧汇总(1/5)

来源:网络整理     时间:2016-04-18     关键词:CSS,技巧

本篇文章主要介绍了"CSS 高级技巧汇总",主要涉及到CSS,技巧方面的内容,对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框/* add border */.nav li{ border-right: 1px s...

使用 :not() 在菜单上应用/取消应用边框

先给每一个菜单项添加边框

/* add border */.nav li {

  border-right: 1px solid #666;}

……然后再除去最后一个元素……

// remove border /

.nav li:last-child {

  border-right: none;}

……可以直接使用 :not() 伪类来应用元素:

.nav li:not(:last-child) {

  border-right: 1px solid #666;}

这样代码就干净,易读,易于理解了。

当然,如果你的新元素有兄弟元素的话,也可以使用通用的兄弟选择符(~):

..nav li:first-child ~ li {

  border-left: 1px solid #666;}

给 body添加行高

你不需要分别添加 line-height 到每个

等。只要添加到 body 即可:

body {

  line-height: 1;}

这样文本元素就可以很容易地从 body 继承。

所有一切都垂直居中

要将所有元素垂直居中,太简单了:

html, body {

  height: 100%;

  margin: 0;}

body {

  -webkit-align-items: center;  

相关图片

相关文章