css的几种常用样式(二)

文本样式主要有:

text-decoration: none; 去掉下划线

text-decoration: underline;设置下划线

text-decoration: overline;上划线

text-decoration: line-through;删除线

对应效果:

链接样式;

a:link表示鼠标未点击的样式

a:visited表示鼠标点击过后的样式

a:hover伪类,表示鼠标 悬停样式

a:active鼠标点击未松开时的样式

☆注意顺序必须是ilnk > visited > hover > active

 *  href属性里面的网络地址没有在你的浏览器里显示过,就会变成ilnk伪类的红色,如果是出现过得就会出现visited黄色.

垂直对齐:

        vertical-align: middle;让图片后面的文字垂直方式居中

        vertical-align: top;图片后面的文字垂直方式向上

        vertical-align: bottom;垂直方向向下,或者使用text-bottom

        vertical-align: super;可以让文字对齐方式更加靠下

列表样式:

            list-style-type: none;没有样式,去掉样式

            list-style-type: disc;实心圆样式

            list-style-type: circle;空心圆样式

            list-style-type: decimal;数字样式

            list-style-type: square;方块样式

            list-style-image: url使用自定义的图片做图标

            border: 1px solid 表格边框

            list-style-position: inside;表格包裹图标

            list-style-position: outside; 表格不包裹图标

背景样式:

background;

background是一个复合属性

    背景颜色可以是具体的颜色,red,blue...

    也可以写十六进制颜色#ccc,

    也可以写rgb取色粘贴

    也可以是rgba透明度

    也可以是transparent透明色

    width: 设置宽度

    height: 设置高度

    background-color添加背景颜色

    background-image: url设置背景图片

background-size: 设置背景图片大小,180px 180px

            /* 也可以设置百分值 100% 100%... background-size: 设置背景图大小

            如果只有一个值背景图宽度100%,高度自适应也就是auto*/

 background-repeat: repeat-x在x轴平铺;

 background-repeat: repeat-y在y轴平铺

 background-repeat: repeat;延水平和垂直两个方向平铺(默认值)

 background-repeat: no-repeat;不平铺,只显示一次

 background-position设置位置,px像素,也可以用百分比30% 30%....不可以和二为一的写

 水平方向关键词:left,center,right

            垂直方向关键词:top,center,bottom

            写法:两个方向的关键词一样可以合二为一canter.*