关于css的一些简单样式

一、css选择器选择器名称{ 样式名：样式值 }

1）加入id属性css中写#id名称

（2）标签选择器标签名{ }

（3）类选择器.类名{ }

（4）属性选择器{ }[属性名]{ } 选中所有该属性 例[class]{ } [属性名=属性值1]{ } 选中所有属性值为属性值1的属  性例[class=box1]{ }

（5）父子级选择器父级 子级{ }例

div p{    }父级和子级可以选用任意选择器父级里可以多级嵌套（6）并列选择器区别：（1）id只能用一次

二、字体样式（1）字体加粗font-weight:  ;normal正常bold加粗lighter细体bolder更粗（2）字体类型font-family: ; 默认微软雅黑（3）字体倾斜font-style: ;italic倾斜normal正常（4）字体颜色（1）单词（2）16进制  #0000FF0-9A-F（3）rgb( , , );（4）rgba( , , , );（rgb,透明度）;

三、文本样式

（1）文本对齐  text-align:center/left/right;  justify 两端对齐  

（2）行高（垂直对齐）line-height外层文本的高度

（3）首行缩进 text-indent:像素em/px;  em相对大小（1*字体本身大小，如果本身没有字体大小会继承父级字体         大小）px 相对单位 相对屏幕分表率

（4）划线   

   下划线          text-decoration:underline        

   中划线        text-decoration:line-through  

   上划线          text-decoration:overline  

   不设置线        text-decoration:none

四、背景

（1）background-color:;

（2）brackground-image:url();

（3）background-repeat（平铺/不重复）:no-repeat/repeat-x/repeat-y;

（4）background-position（定位）: x轴 y轴left/center/right  top/center/bottompx%

（5）background-size()：宽px 高px;contain  优先占满宽度cover  优先占满高度% %;

五、边框border:线宽px 边框类型 边框颜色；solid（实现）、 dashed虚线（）、dotted(点划线)