|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
MacJi“偷懒”翻译了部分,下战书冒着被BOSS解雇的伤害将其补完(原文链接)。
利用line-height垂直居中
line-height:24px;
利用流动宽度的容器而且必要一行垂直居中时,利用line-height便可(高度与父层容器分歧),更多的垂直居中总结能够看这里。
扫除容器浮动
#main{
overflow:hidden;
}
期前也提到过如许的成绩,更多信息能够看这里。
不让链接折行
a{
white-space:nowrap;
}
下面的设定就可以制止链接折行,不外团体倡议长链接会有响应的这行(有关换行方面的会商,参看圆心的纪录)。
一直让Firefox显现转动条
html{
overflow:-moz-scrollbars-vertical;
}
更多的Mozilla/Firefox公有CSS属性能够参考这里。需跨扫瞄器的撑持,也能够利用
body,html{
min-height:101%;
}
使块元素程度居中
margin:0auto;
实在就是
margin-left:auto;
margin-right:auto;
这个技能基础上一切的CSS教科书城市有申明,别健忘给它加上个宽度。Exploer下也能够利用
body{
text-align:center;
}
然后界说内层容器
text-align:left;
恢复。
埋没Exploertextarea的转动条
textarea{
overflow:auto;
}
Exploer默许情形下textarea会有垂直转动条(不要问我为何)。
设置打印分页
h2{
page-break-before:always;
}
page-break-before属功能设置打印网页时的分页。
删除链接上的虚线框
a:active,a:focus{
outline:none;
}
Firefox默许会在链接取得核心(大概点击时)加上条虚线框,利用下面的属性能够删除。
最复杂的CSS重置
*{
margin:0;padding:0
}
假如想“庞大”,参考YUI的做法(另有这里)。原文留言中也有效户说了他们的概念
IhavetoagreewithNiallDoherty,*{margin:0px;padding:0px;}
basicallymeans"traverseeverycsselementandgiveitthese
attributes".Thatisaveryunnecessarystrainontheserverand
abadsemanticpractice,asyouhavetogivesomeelements
padding/marginagain,afterstrippingthem.
所有的设计第一步就是构思,构思好了。 |
|