样式属性

Posted 曉瀦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了样式属性相关的知识,希望对你有一定的参考价值。

背景与前景:background-color:# 背景色 样式表优先级高  

backround-image:url(路径);设置背景图  

backround-attachment;fixed;背景是固定的 不随字体滚动

background-atttachment:scroll;背景跟随字体滚动  

 background-reposition:no-repeat;  \no-repet,不平铺  repeated平铺  repeated-x横向平铺   repeated-y纵向平铺

background-position:center 背景图居中 设置背景图位置是 repeat必须为“no-reptrat”  

 backround-position:right top;背景图放在右上角(方位可以自己改变)

background-position:left 100px  top 100px 离左边100像素 离上边100像素 (可为负数)

字体   font-family:“字体样式”

          font-size:12px  字体大小   常用像素12px、14px、18px 和可以用em 2.5em即:默认字体的2.5倍。还可以用百分数

        font-weight:bold; bold为加粗,normal为正常

          font-stye:italic;  倾斜,normal 是不倾斜

         color:#     颜色

        text-decoration:underline  下划线  overline上划线    line-through是删划线   none去掉下划线

      text-align:center(水平对齐)居中对齐  left是左对齐, right是右对齐

       vertical-alingn:middle(垂直对齐)居中对齐  top为顶端对齐  bottom是底部对齐 一般设置行高后使用

     text-indent:28px  首航所进量

     line-heinght24px  行高 一般为1.5~2倍字体大小 

    border-radius: 10px   圆角

    box-shadow: -1px -1px 1px black; 为框阴影

    text-shadow: 1px 1px 1px green;为字体阴影

    transform: rotate(3600deg); 旋转

    transform: skewX(45deg);扭曲
     cursor: pointer;鼠标指向

 

以上是关于样式属性的主要内容,如果未能解决你的问题,请参考以下文章

JQ如何改样式?

jQuery:DOM的属性内容样式操作

用js的啥方法把样式的某个属性去掉而其他的属性保留

css字体样式(Font Style),属性

js获取元素样式ele.style.attribute只能获取内敛样式的属性值!内部样式的属性值获取不了!怎么解决?

(Vue -03)Vue绑定样式 + 计算属性 + 侦听器+ 过滤器