css的基本标签与概念

Css的基本概念

Casccading style sheet 层叠样式表
选择器
标签<p <div之类的标签 使用方式：直接输入标签名
类（class）：class名字 使用方式：输入点+class名
Id：id名 使用方式：输入#+id名
一帮来说我们写css文件的时候用的都是第二种选择器，class名给
这是应为id名一般被作为js的选择器
给class命名也是有规范的，像xxx-xxxx这样做的好处是让你的代码更清晰
别人也更加容易看懂。
三种连接方式
1.内嵌样式（）行内样式

Style直接写在标签里面，只对当前标签有效，页面内容和表现
形式是高度耦合的，不利于分工和做
2.内部样式

内部样式是在head部分用style标签，对当前页面有效，内容和表现形式实现了一定程度的分离，但不彻底
3，外部样式·（外联样式）

外部样式需要一个link标签来与html链接起来，内容与表现形式完全分离，
而且任何需要用到改样式的页面都可以通过link标签链接的方式来实现
字体相关属性
Text-alight（对齐方式）：center(居中)/left（靠左）/right（靠右）
Font-size（字体大小）：56px/xxpx
Font-family（字体体系）：黑体/幼圆/
Font-style（是否倾斜）：italic（倾斜）/normal（正常）
Font*weight（字体粗细）100/200/300/normal（400）/bold（700）/bolder
Font-variant（是否大写）narmal/small-caps（小型大写）
Color（字体颜色）：blue/red/pink/#ff0000（可以用英文，可以16进制代码）
T ext-decoration:nane(默认格式，五)/underline（下划线）/overline（上划线）/line-through（删除线）
Direction（文本方向）：ltr(left.to.right从右到左)/rtl（right.to.left从右到左）
Text-transform(大小写)：none/capitalize（首字母大写）/uppercase（全部大写）/lowercase（全部小写）
Line-height（行高）：normal/xxpx
Letter-spacing（字符间距）：2px/5px/xxpx
Word-spacing（单词间距）：normal/2px/xxpx