zoukankan      html  css  js  c++  java
  • css常用样式

    字体
    font-size: 30px;
    font-weight: 600; padding-top: 10px; margin: 10px 0 10px 0;
    font-weight: bold;
    cursor:pointer;
    font-style:normal;

    position: fixed; //生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
    position: absolute;//生成绝对定位的元素,相对于浏览器窗口进行定位。
    position: relative;//生成相对定位的元素,相对于其正常位置进行定位。
    格式如:h2 { position:absolute; left:100px; top:150px; }

    line-height: 40px;// 行高 ,或设置 百分百 90%
    top: 6px; //规定元素的顶部边缘。
    height: 100%;//定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。
    right: 6px;//规定元素的右边缘
    158px;//定义元素内容区的宽度

    padding:10px; //所有 4 个内边距都是 10px
    padding:10px 5px 15px 20px; //上内边距是 10px,右内边距是 5px,下内边距是 15px,左内边距是 20px
    padding:10px 5px 15px; //上内边距是 10px,右内边距和左内边距是 5px,下内边距是 15px
    padding:10px 5px; // 上内边距和下内边距是 10px,右内边距和左内边距是 5px

    border: 1px #CCC solid; //设置边框属性
    border-radius: 8px; //为元素添加圆角边框!
    border-top-left-radius:2em; //上左 em表示相对,比如div的hight=10px; 那么1em=10px; 0.75em=0.75*10px; 2em=20px;
    border-top-right-radius:2em;
    border-bottom-right-radius:2em;
    border-bottom-left-radius:2em;


    vertical-align: top; //设置元素的垂直对齐方式
    vertical-align:text-top; //顶部对齐
    vertical-align:text-bottom;//底部对齐

    background: #fff;//设置所有的背景属性
    background-color:#b0d9df !important;;//规定要使用的背景颜色。//!important多个地方则以此为主
    background-position //规定背景图像的位置。
    background-size //规定背景图片的尺寸。
    background-repeat //规定如何重复背景图像。
    background-origin //规定背景图片的定位区域。
    background-clip //规定背景的绘制区域。
    background-attachment //规定背景图像是否固定或者随着页面的其余部分滚动。
    background-image //规定要使用的背景图像。


    color: #fff; //不同元素设置文本颜色:
    text-align: center; //规定元素中的文本的水平对齐方式

    margin: 10px; //所有 4 个外边距都是 10px
    margin-bottom: 40px; //设置元素的下外边距
    margin:10px 5px 15px 20px; //上外边距是 10px,右外边距是 5px,下外边距是 15px,左外边距是 20px
    margin:10px 5px 15px; // 上外边距是 10px,右外边距和左外边距是 5px,下外边距是 15px
    margin:10px 5px; //上外边距和下外边距是 10px,右外边距和左外边距是 5px


    box-sizing: border-box;
    top: -20px;
    display: inline-block;
    border-top: 4px solid #4C919C;
    border-radius: 6px 6px 0 0 ;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    color: red;
    padding: 4px 0;
    overflow: auto;

  • 相关阅读:
    MySQL高级查询总结
    MySQL数据库作业
    MySQLdump备份还原命令
    MySQL之Join
    MySQL课堂作业(一)
    Mysql数据库
    Js实例之简易计算器
    JS系统函数
    js课堂作业之转换月份
    C++ Name Mangling 为什么不编码返回值参数
  • 原文地址:https://www.cnblogs.com/banxian-yi/p/10636077.html
Copyright © 2011-2022 走看看