美文网首页
CSS权威指南(前七章)

CSS权威指南(前七章)

作者: 我_巨可爱 | 来源:发表于2018-07-25 18:34 被阅读0次

    记录本书中尚不熟悉的知识点,结合项目简单回顾

    1. 属性选择器,注意几个符号的用法~,^,$,*,|
    2. 常用伪类(6)和伪元素(4)。
      伪元素中关于first-还要注意使用它的元素是不是块级
    3. 优先级
      使用tuple方式计算,(内联,id选择器,类选择器/伪类选择器/属性选择器,元素选择器/伪元素选择器)=(0,0,0,0),根据选择器在相应位上加1,当然!important优先级艳压群芳
    4. web安全色?就像一个冷僻知识大比拼,看谁知道
    5. em基于本身的font-size,而这个属性是可以继承的。rem基于html元素的字体大小
    6. 项目中常用字体,sans-serif,"Microsoft YaHei","微软雅黑",STXiHei,"华文西黑"。涵盖了英语,中文(window系统),中文(os
      系统)字体显示情况。注意何时加引号

    百分比多次出现,但是在不同属性中,作为基础比较的可能是自己的属性,可能是父元素的属性。分情况牢记

    1. font-weight100-900对应什么呢?normal,boldfont-sizeem和百分比单位%,都基于自己父元素(em应该基于自己的font-size,但是此时,都没有font-size,就基于父元素的咯),继承的是计算值不是百分比。line-height中百分比基于自己的font-size,em基于font-size,缩放因子(无单位实数)是继承值,不是计算值。font属性的合写注意font-sizefont-family必写有序,容易覆盖之前写的line-height
    2. 文本
    • text-indent可继承,百分比基于父元素宽度
    • 基线对齐原则,使得一些替换元素的底线与基线对齐
    • 水平垂直居中对齐和自身宽高的问题
    • letter-spacingword-spacing,对汉字起作用的是前者哟。关于word还有word-wrapword-break(这两个是css3,两者有区别的)
    • text-transform大小写啦,首字母啦,一个属性搞定
    • text-decoration不继承,种类多
    • text-shadow顺序什么的随意
    • white-space如何处理空白符和换行呢?实际处理中,空白符(空格和tab键)会被合并成半个汉字的大小,换行,会被合并成一个汉字大小的空白,这里就是规定到底合并哪些?还是不合并,保留原样
    • directionunicode-bidi文本方向
    1. 基本视觉格式化
    • 过分受限,浏览器会重置右边距,使子元素水平等于父元素内容宽
    • 左边距负值,超出浏览器,右边距负值,修复水平总和问题,不会超出浏览器。上负边距,将自身上提,下负边距,将兄弟元素上提
    • 水平属性和垂直属性,各七个,其中border不能使用百分比。除了height百分比基于父元素height,其他都基于父元素width
    • 替换元素和非替换元素line-heightpadding,margin对于内容高度或者行框高度的影响

    后七章在以下链接中,感觉还不错的话,来个赞怎么样?有任何不对之处,劳烦指教!

    CSS权威指南(后七章)

    相关文章

      网友评论

          本文标题:CSS权威指南(前七章)

          本文链接:https://www.haomeiwen.com/subject/dhhpmftx.html