css

1.背景
  ①图片 background-image：url("dahgahq.jpg")背景图片不会占位
背景图片重复 background-repeat：norepeat 不平铺|repeat-X 水平方向平铺|repeat-Y 垂直方向平铺
背景图片定位 background-position：x方向 left|center|right / y方向 top|center|bottom（只有在xy轴方向都是center时 才能简写成 background-position：center）
  ②颜色 background：pink；


2.内置图
  <img src="images/fYUDFG.jpg">内置图要占位置


3.选择器
1 *{margin:0;padding:0;}通用选择器，这句代码的意思是把文本的内外边距清零
2 .class{}类选择器
3 #id{}id选择器 作用于这个id里的所有属性
4 div{}/p{}/h1{}.......标签选择器,直接作用于这个标签里的所有属性
5 父选择器a 子选择器b{} 后代选择器  意思就是 在a区域的所有b选择器都生效 
6 后代选择器 格式 父选择器 空格 子选择器{样式} 意思就是在父区域内的所有子选择器都会生效
 
4.边距
内填充padding
盒子与内容之间的距离 不改变盒子大小
padding-top上填充| -bottom 下填充| -left 左填充| -right 右填充
padding：n；上下左右内填充一样的值
padding：n m；上下填充n 左右填充m
padding：n m o；上填充n 左右填充m 下填充o
padding：n m o p；上n 右m 下o 左p（顺时针）
外边距margin
盒子与盒子之间的距离 改变盒子整个占用的面积
margin-top上间距| -bottom 下间距| -left 左间距| -right 右间距
margin：n；上下左右内间距一样的值
margin：n m；上下间距n 左右间距m
margin：n m o；上间距n 左右间距m 下间距o
margin：n m o p；上n 右m 下o 左p（顺时针）
5.边框
border
border：像素值 线的类型 线的颜色
线条类型：solid实线| dashed虚线| dotted点状线 |double双实线
比如说只需要上边框有一条线 border-top：2px dotted pink；


6.文字
文字颜色 color：#... 
字号大小font-size：npx；
文字对齐text-align 设置元素中的文本水平对齐方式 left/center/right
字母转换：text-transform：
capitalize 首字母大写| uppercase 全部字母大写| lowercase 全部字母小写
字体设置：font-family（多个字体之间用逗号隔开，后面的字体属于备用字体；中间有空格的英文或中文字体需要加引号；中英文混用时，一般英文字体写前面）
字体加粗：font-weight：normal取消加粗| bold/bolder加粗（bolder在低版本浏览器生效）
文本斜体：font-style：normal取消倾斜| italic斜体| obligue倾斜
文字行高：line-height：npx； 这样文字就是在给定的范围内垂直且居中的