CSS基础

Csacading Style Sheet 层叠式样式

基本语法
选择器{
属性名：属性值1
属性名：属性值2
属性名：属性值3
}

选择器

标签：

…之类的标签 使用方式;直接输入标签名

类（class）：class名字 使用方式：输入点（.）加class名

ID：ID名 使用方式：输入#+id名
一般我们写css文件都是使用第二种
因为ID名一般用于js

三种连接方式

一、行内样式（内嵌式）
直接写在标签里面，使用style属性，只对当前标签有效，页面内容和表现形式高度耦合，简单直观，但不利于分工工作

二、内部样式
内部样式是在head部分使用

字体的相关属性

text-align：center（居中）/left（靠左）/ right (靠右)

font-size：56px/24px/xxpx

font-fanliy: "黑体/幼圆"

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

font-weight（字体粗细）100/200/normal(400)/ bold(700) /bolder

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

color（字体颜色）：blue/red/pink/black

text-decoration:none(默认格式：无)/ underline（下划线）/ overline（上划线）line-throug（删除线）

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

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

line-height：normal/xx px （行高）

letter-spacing（字符间距）：2px/5px/xxxpx

word-spacing（单词间距）：normal/2px/5px/xxxpx