css基本属性

标签：

选择器：

ul>li:nth-child(2n){
	color:black;
}

2n是指双数，与even同意。

2n+1指单数，与odd同意。

<div class="text">
	<p>p标签</p>
	<a href="">测试</a>
	<a href="">测试</a>
</div>

a:first-child是.text下的第一个结构标签，而且是a标签，不是则不起效果

a:first-of-type不需要是第一个子元素，只需要.text下的a标签的第一个即可
前者没有限定范围是a标签，后者则限定了是a标签。

div[class]{
color:black;
}

　　以上是选择具有class属性的div元素。

div[class="div1"]{
color:red;
}

div[^class="div1"]{
background: #000;
}

　　以上是选择class属性以div1开头的div元素，^和$分别表示开头和结尾，这和正则表达式有相同之处。找到规则即可。

div[~class="div1"]{
	background: #000;
}

　　以上是选择class属性中包含div1的div元素。

p:first-letter{
font-weight:bold;
}

　　以上是选择p元素的第一个字符。

同理的还有first-line，该选择符是选择第一行，只要从字面上理解了这些选择符的意思，运用起来完全不是问题，前提是英文一定要过关，这些常见的英文要慢慢积累。

E:placeholder：设置占位符的样式。

基本属性：

p { font-family:‘宋体‘，‘黑体‘, ‘Arial’ }

设置文字名称，可以使用多个名称，或者使用逗号分隔，浏览器则按照先后顺序依次使用可用字体。

p{
font-size:1.6em;
}

　　该样式设置字体大小，建议使用相对单位，这样更有利于浏览器兼容性。

p{[
font-weight:bold;
}

　　该样式设置字体粗细。

p{
font-style:italic;
}

　　该样式设置字体样式，一般使用这个斜体属性。

以上属性可用font属性简写。

color属性设置字体颜色，要与background-color属性区分开来，后者是设置背景颜色。

p{
text-decoration:underline;
}

　　以上是设置文本修饰，最常用的是这个下划线值，还有underline、line-through。

p{
text-shadow:10px 10px 5px red;
}

　　该样式设置文本阴影。

关于盒模型这一块要讲的内容实在太多，不是三言两语可以讲清。简单来说一个元素由border包围，里面有padding和内容，border外面则是margin属性，巧用这几个属性可以达到意想不到的效果。

css基本属性

标签：

原文地址：http://www.cnblogs.com/11lang/p/5759655.html