css代码整理

2018-06-24 02:20:49来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

width:(宽度)

height:(高度)

border:1px solid red;(边框 :边框粗细 显示 颜色)

border-radius:10deg;(边框变圆角)

box-shadow:10px 10px 10px red;(div盒子阴影:右侧阴影10px,下侧阴影10px,淡化拉伸阴影10px,阴影颜色;为负值时位置相反)

background-color:(背景颜色)

background-image:url()(背景图片)

background-size:(背景尺寸)

background-repeat:no repeat(背景平铺:不平铺)

background-position: top / bottom / left/ right;(背景位置:上下左右)

color:(字体颜色)

font-size:(字体尺寸大小)

font-style:(字体格式)

font-weight:(字体宽度)

font-decoration:underline(字体标注:下划线)

text-align:(字体水平位置)

display:table-cell;(字体垂

vertical-align:     ;直位置)

<p style=“text-indent:40em;”>(字体首行缩进:40em     1em等于两个字符宽度)

——————————————————————————————————————————————————————————————————————

*{         (页面格式化)

margin:0 auto; 

padding: 0;

}

——————————————————————————————————————————————————————————————————————

.class{                                         (对上面的

           clear:both;                          浮动格式

}                                                     的影响进

<div class="clear"> </div>             行清除)

——————————————————————————————————————————————————————————————————————

div:hover{                                                 (当鼠标放上时

                  cursor:pointer;                         变小手

                   background-img:url()             更换背景图片

}

——————————————————————————————————————————————————————————————————————

<ol>                        (有                                  <ul>                    (无

        <li></li>              序                                        <li></li>            序

        <li></li>              列                                        <li></li>            列

</ol>                          表)                               <ul>                       表)

——————————————————————————————————————————————————————————————————————

div{

      animation:name    5s   infinite    alternate;    ( 动画:名称;运行一遍所需时间;循环播放;交互播放)

}

@keyframes name{

        0%{    }          (运行至0%时div的样式)

        50%{    }        (运行至50%时div的样式)

        100%{    }      (运行至100%时div的样式)

 

}

——————————————————————————————————————————————————————————————————————

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:bootstrap的栅格系统和响应式工具

下一篇:给自己的职业规划