关于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(点划线)