CSS三

作者: IT的咸鱼 | 来源:发表于2018-04-02 19:22 被阅读0次

    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(固定不动)

    相关文章

      网友评论

          本文标题:CSS三

          本文链接:https://www.haomeiwen.com/subject/fqvucftx.html