三十而立

css下的文章

css常用备忘

//清除ul前面圆点
list-style: outside none none; 

//清除文本下划线,a用得多
text-decoration: none;   

//溢出文本显示省略号
li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}  
display:inline-block  一行,能设宽高
display:inline  一行,不能设宽高
display:block  多行,能设宽高

说明:

元素选择器用【空格】 常用比如:body header nav section article aside  p  a img 
类选择器用  【.】 带class的,比如:<div class = "news">,名称可重复用,用得较多
ID选择器用  【#】 带id的,比如<div id = "news">,用得少,名称唯一

使用:

.header a p{} // header元素——>a元素——>定义p,可以到 N个子元素
.header a>p{} //不可到子元素
.header a.class //类要用 **.**  header元素——>a元素——>定义class
.header a,p{} // a 和 p是兄弟关系,同级的