【CSS】前端三大件之一，如何学好？从基本用法开始吧！（三）：元素继承关系、层叠样式规则、字体属性、文本属性；针对字体和文本作样式修改

<!--<div class="inherit">sdfgddfg
	<p>asdfjkhasdfaskdjfjh</p>
    <a href="#">dfgadsfg</a>
</div>-->
<div id="divone" class="mydiv"></div>

@charset "utf-8";
/* CSS Document */
div{
	width:200px;
	height:200px;
	background:#336;
}
.mydiv{
	width:200px;
	height:200px;
	background:#9C6;
}
#divone{
	width:200px;
	height:200px;
	background:#900;
}
/*	.inherit{
height:200px;
	width:200px;
	border:2px solid #C30;
	color:#900;
	font-size:30px;
}*/
p{
	color:#F06;
}

<p style="font-size:20px;color:#E94;">___________________字体属性________________________</p>
<p style="color:#0f0;">color属性值用来控制字体颜色</p>
<p style="font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif">
font-family属性设置字体样式
</p>
<p style="font-size:30px;">font-size属性用来设置字体的大小</p>
<p style="font-style:italic; ">
font-style属性用来设置字体的风格，属性值：normal(默认值：正常)，italic(斜体)，oblique(倾斜)
</p>
<p style="font-weight:bold;">
font-weight:属性用来设置字体是否加粗。属性值：lighter,normal,bold,bolder.
</p>
<p style="font-variant:small-caps">
font-variant设置文字的大写字符的格式.属性值：normal,small-caps(小型的大写字母字体)
</p>
<p style="font:26px  'Times New Roman', Times, serif">
font: 简写。简写规则：<br/>
   规则一：必须声明font-size和font-famliy的值<br/>
规则二：声明顺序<br/>
    ①font-weight,font-style,font-variant不分先后<br/>
    ②然后是font-size<br/>
    ③最后是font-famliy<br/>
</p>
<p style="font-size:20px;color:#E94043;">___________________字体属性________________________</p>							    <br/>
<p style="font-size:20px;color:#E94043;">___________________文本属性________________________</p>

text-shadow:5px 5px 2px red;
text-shadow:xoffset yoffset radius color;

<p style="text-decoration:line-through;">
	text-decortion:该属性用于控制文字是否有修饰线。属性值：none,underline(下划线),
	line-through(中划线),overline(上划线),blink(闪烁)
</p>
<p style="text-align:center;">
	text-align:设置文本对齐。属性值：center,left,right,justify(两端对齐)。
</p>
<p style="text-shadow:5px 5px 1px #9A9595, 10px 10px 2px #F00;">
	text-shadow:该属性用于设置的文字是否有阴影效果。
			color:指定该阴影的颜色。
            xoffset:指定阴影在横向上的偏移。
            yoffset:指定阴影在纵向上的偏移。
            radius：A指定阴影的模糊半径。模糊半径越大，阴影看上去越模糊。
            多重阴影：多加几组数据即可。
            sytle="text-shadow:5px 5px 2px #cf0"
</p>
<div style="height:60px;width:900px;background:#900;line-height:60px;font-size:20px;">
	设置文字的行高，即字体最低端与字体内部顶端之间的距离。
</div>
<p style="text-transform:capitalize;">
	text-transform:设置文字的大小写。属性值：none,capitalize(首字母大写),
			uppercase(全部大写),lowercase(全部小写)
</p>
<p style="letter-spacing:10px;">letter-spacing:设置字符之间的间隔</p>

<p style="text-decoration:blink;">sdfasdfsdf</p>
<!--<p style="word-spacing:40px;">word-spacing</p>-->