Css的基本概念

Css全称叫做Cascading style sheet（层叠样式表）

- 选择器

标签：<p><div>…之类的标签
使用方式：直接输入标签名

类（class）: class名字
使用方式：输入点+class名

ID名: ID名
使用方式：输入#+id名

一般来说我们写参数文件的时候用的都是第二种选择器，class名，这是因为id名一般被用作就是的选择器

给class命名也是右规范的，像xxx-xxx，这样做的好处是让你的代码更清晰，别人也更容易看懂

- Css中的三种连接样式

1、行内样式（内嵌样式）
直接写在标签里，使用style属性，只对当前标签有效

<div class="poetry">
			<h1 style="font-size: 40px;">望月怀远</h1>
			<p class="text1">海山升明月，天涯共此时</p>
			<p class="text2">情人怨遥夜，竟夕起相思 </p>
			<p class="text3">灭烛怜光满，披衣觉露滋 </p>
			<p class="text4">不堪盈手赠，还寝梦佳期</p></div>

内部样式是在head部分使用<style>标签，样式对当前页面有效。内容和表现显示实现了一定程度的分离，但不彻底

<link rel="stylesheet" type="text/css" href="demo.css"/>
		<style type="text/css">
			p{
				font-size: 24px;
				}/*--字体大小设置*/
		</style>

2、外部样式（外联样式）

外部样式需要一个link标签来与html连接起来，内容与表现形式完全分离，而且任何需要用到该样式的页面都可以通过link标签连接方式来实现

3、字体属性
Text-align（对齐方式）:center（居中） left（靠左） right（靠右）

Font-size（字体大小）:一般放像素 56px/24px/xxpx

Font-family（字体体系）：“黑体”/“幼圆”

font-style: italic（是否倾斜）：italic（倾斜）/normal（正常）

font-weight（字体粗细）：100/20/normal（400）/bold（700）/bolder

font-variant（是否大写）：normal/small-caps（小型大写）

color（字体颜色）：blue/red/pink/black/green/#FFFFFF/#F6F6F6

text-decoration：none（默认格式，无）/underline（下划线）/overline（上划线）/line-through（删除线）

direction：ltr（left to right 从左到右）/rtl（right to left 从右到左）

text-transform:none（默认）/capitalize（首字母大写）/uppercase（全部大写）/lowercase（全部小写）

line-height（行高):normal（正常行高）/xx px（xx行高）

letter-spacing（字符间距）:normal/2px/5px/xxpx

word-spacing（单词间距）:normal/2px/5px/xxpx