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

转载于:https://www.cnblogs.com/wddx/p/5438341.html

你可能感兴趣的:(css+css3 查漏补缺 基础知识)