CSS三
css列表样式:
1,定义列表像符号:不管是有序列表(ol)还是无序列表(ul),都是使用list-style-type属性来定义列表项符号。是针对ol或者ul元素,而不是li元素。
语法:ul,ol{list-style-type:none;}
去除列表项符号:list-style-type:none;
2,列表项图片:语法,list-style-image(图片路径);
css图片样式:
图片大小:语法:img{width:像素值; height:像素值;}
图片边框:运用border属性,语法:border:1px solid red;
图片对齐:引用text-align属性定义
语法:text-align:取值;
属性值:left左对齐 center居中对齐 tright右对齐
图片垂直对齐:语法:
vertical-align:取值;
属性值:top顶部对齐 middle中部对齐 baseline基线对齐 bottom底部对齐
文字环绕-初始float:语法:img{float:取值;}
属性值:left元素向左浮动 right元素向右浮动
css背景样式:
背景颜色:语法:background-color;颜色值;
背景图片样式:使用background-image定义背景图片。想要为一个元素定义背景图片,必须给该元素定义width和height
语法:div{
width:属性值;
height:属性值;
background-image:url(图片路径);}
背景图片重复:background-repeat:取值;
属性值:repeat(在水平方向和垂直方向上同时平铺(默认值)) repeat-x(只在水平方向(x轴)上平铺) repeat-y(只在垂直方向(y轴)上平铺) no-repeat(不平埔)
背景图片位置:可以使用background-position属性来定义背景图片的位置。
语法:background-position:像素值 / 关键字;
关键字取值:top left(左上) top center(靠上居中) top right(右上) left center(向左居中)center center(正中)right center(向右居中) bottom left(左下)bottom center(靠下居中)bottom right(右下)
像素值:background-position:水平距离 垂直距离;单位px。
背景固定定位:语法:background-attachment:取值;
属性取值:fixed(固定不动)