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