CSS的属性与选择器

CSS选择器

‘#’为id选择器：
#id名{
background-color:red;
...
}
'.'为类选择器(最常用)：
.类名{
backround-color:red;
...
}
标签选择器：
div标签名{所有得div标签全部设置这个样式
background-color:red;
... }
层级选择器：（层级筛选 空格隔开）
标签名/类名/id名 标签名/类名/id名{
backgroudn-color:red;
}
组合选择器：(所以得id，类标签都用同一个样式 逗号隔开)
标签名/类名/id名,标签名/类名/id名{
background-color:red;
}
属性选择器：(input下type值为text得标签样式，对选择到得标签在通过属性筛选) 标签名[属性=“属性值”]{ background-color:red; } input[type="text"]={ background-color:red; } 选择器得优先级：标签上style优先，编写顺序，就近原则。
引入css文件

边框
border：1px(线得宽度) dotted(虚线)/solid(实线) red(颜色); border-left(左边加线),border-rigth(右边),border-bottom(下边),border-top(上方)
宽度：
200px/80%（宽度可以固定宽度也可以写百分比)
text-align:center;(字体居中)
line-height:48px;(放在48px中间位置)
font-weight:blod/200(设置字体加粗) color:red(字体颜色）
float：（飘，两个块级别放到一起用float，将两个标签放在一行）
当所有子类对象没有撑起父类div得时候可以使用

实线将子类div装进父类div
display:(inline/block/none)
行内标签：无法设置高度，宽度，padding margin
块级标签：设置高度，宽度，padding，margin
padding margin(0,auto):
margin(外边距) margin:0 auto;去掉边距 padding(内边距)
position：fixed left right top bottom;(固定在窗口得某个位置) absolute固定位置
relative相对布局
overflow:hidden(超过范围隐藏） auto(滚动条)
hover:
.类名：hover{ css属性 获取到焦点是执行 background-color:red; }
background:
background-repeat:no-repeat不重复
background-position-x background-position-y 用于移动图片
background-position:10px 10px;