zoukankan      html  css  js  c++  java
  • css+css3 查漏补缺 基础知识

    1、css选择器

        通用选择器   * {}
        类型选择器   h1 {}
        类选择器       .note {}    p.note{}
        ID选择器       #introduction {}
        子元素选择器  li>a {}
        后代选择器     p>a {}
        相邻兄弟选择器  h1+p {}
        普通兄弟选择器  h1~p {}
        具体性原则  就近原则  重要性
    2、透明度
        opacity:0~1;
        rgba(0,0,0,0.5)
    3、css3 HSL和HSLA
        hsl(色调【0-360】,饱和度【%】,明度【% 0为黑色 100为白色】)
        hsla  多加一个透明度
    4、拾色器
    5、选用更多字体  
        @font-face {
                    font-family: 'ChunkFiveRegular';
                    src: url('fonts/chunkfive.eot');}
    6、粗体  font-weight    bold  normal
    7、斜体  font-style        normal   italic  oblique
    8、大写和小写  text-transform   uppercase lowercase  capitalize
    9、下划线和删除线  text-decoration  none  underline overline line-through  blink【闪烁】
    10、行间距  line-height
    11、字母、单词间距 letter-spacing  word-spacing

    12、垂直对齐

      vertical-align  baseline sub super top text-top Middle
    bottom text-bottom

    13、文本缩进

    text-indent

    14、投影

       text-shadow: 向左右延伸距离 上下距离  模糊程度  颜色值

    15、内容溢出

      hidden scroll

    16、盒子的隐藏

     visibility  hidden visible

    17、边框图像

      border-image : url  切割位置【11,11,11,11】 直边处理【stretch repeat round】

    18、盒子投影

    :box-shadow:水平偏移 垂直偏移 模糊距离 阴影扩展 颜色

    19、项目符号

            样式  list-style-type
            图像  list-style-image
            标记定位  list-style-position :outside  inside

    20、空单元格的边框

     empty-cells :show hide inherit

    21、单元格之间的空隙

      border-spacing  border-collapse

    22、光标样式

     cursor:auto crosshair default pointer move text wait help url
  • 相关阅读:
    如何使用API创建OpenStack虚拟机?
    Windows Server 2012 新特性:IPAM的配置
    DNSSec
    Win Server 8中的利器:微软在线备份服务
    AD RMS总结
    开发中辅助功能
    开发中坑爹的地方
    Js 中常用方法
    asp.net 错误处理
    js中的注意事项(持续整理)
  • 原文地址:https://www.cnblogs.com/wddx/p/5438341.html
Copyright © 2011-2022 走看看