热门关键字:
jquery > jquery教程 > div+css > div+css属性使用技巧跟详细讲解第五篇

div+css属性使用技巧跟详细讲解第五篇

1639
作者:管理员
发布时间:2012/8/4 15:48:20
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=39

 
CSS文字控制letter-spacing和word-spacing
 

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。

letter-spacing
语法:
letter-spacing : normal | length
参数:
normal :  默认间隔
length :  由浮点数字和单位标识符组成的长度值,允许为负值。
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。

word-spacing
语法:
word-spacing : normal | length
参数:
normal :  默认间距
length :  由浮点数字和单位标识符组成的长度值,允许为负值。
说明:
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。

CSS中五种必须知道的CSS选择器

CSS选择器是进行CSS网页布局的基础,这些选择器合理的应用,将有效的提高你的开发效率和编码水平。

一、*(通配符选择器)
*通配符选择器,经常用于css reset,即样式重置,清理标签的默认样式,但现在一般不提倡直接使用*了,主要是*会匹配所有标签,相当耗资源。*在css的优先级中是最低的。

* {
  margin: 0;
  padding: 0;
}

也可以用*来匹配某一元素下的所有子元素:


#content * {
  border: 2px solid black;
}

二、#X (ID选择器)
#+id名,这是日常常用的css选择器,用于匹配id为XXX的元素,id选择器的优势是精准,高优先级(优先级基数为100,远高于class的10),作为javascript脚本钩子的不二选择,同样缺点也很明显优先级过高,重用性差,所以在使用id选择器前,我们最好问下自己,真的到了非用id选择器的地步?

#content {
  width: 960px;
  margin: auto;
}
三、.X (类选择器)
.+class名,标准的样式选择器,与id选择器的区别是样式选择器可以选择多个元素。样式选择器是提倡使用的选择器,我想也是日常前端人员用到最多的选择器了。

.red {
  color: red;
}

四、X Y (后代选择器)
li a {
  text-decoration: none;
}

目前非常常用的css选择器,用于选取X元素下子元素Y,这里有个要留意的点是,这种方式的选择器将选取其下所有匹配的子元素,无视层级,所以有的情况是不宜使用的,比如上述的代码去掉li下的所有a的下划线,但li里面还有个ul,我不希望ul下的li的a去掉下划线。
使用此子孙选择器的时候要考虑是否希望某样式对所有子孙元素都起作用。
这种子孙选择器还有个作用,就是创建类似命名空间的作用。比如上述代码样式的作用域明显为li。

五、X (标签选择器)
a{color:red;}
ul{margin-left:0}





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:div+css属性使用技巧跟详细讲解第五篇
友荐云推荐