css权威指南第三版学习笔记

第一章:css和文档

  • 替换元素/非替换元素
    • 替换内容
    • 例如input、img,本身没有意义,标签内容指向一个外部内容
    • 非替换内容
      • 大部分的元素 div、p、span
  • 块级元素/行内元素
    • 块级元素
      • 会生成一个元素框,填充父元素内容区域,旁边不能有其他元素
      • 常见p div
      • 特殊块级 列表,前面会有标记符
    • 行内元素
      • 会在文本行内生成元素框,
      • 不会生成分割。破坏显示
    • 行内元素可以继承块级,反之不行(实际可以,可能浏览器变高级了。。)
  • 选择器
    • 空格分割和>分割的区别
      • >一定为子元素
    • +选择兄弟元素
      • 必须是相邻的,且为下一个
    • 伪类选择器
      • a:visited :hover
        • a(锚元素)会创建一个页面到另一个页面的链接,浏览器会比较历史纪录和创建的链接,例如:visited清除浏览器访问记录后会被清除。
    • 链接伪类
      • 链接伪类应用于锚元素a,:link
        • :link 可用于body,表示body里面有link的元素的样式,例如a
    • 动态伪类
      • 根据用户行为来改变文档外观:focus:hover:active
    • 元素选择child、lang before after
      • lang是根据元素里面的lang来选择样式,而不是根据文字语言

第二章 : 结构层叠

  • 特殊性
    • 样式匹配到多个,特殊性最高的规则胜出


      css权威指南
  • 重要性
    • !important
  • 继承
    • 样式会应用到子元素中
    • 边框不能继承
    • 继承的值没有特殊性
    • table的继承bug
      • 字体大小比继承的字体要小
  • 层叠规则


    权威指南

值和单位

  • web安全颜色
    • 指在256色计算机系统总能避免抖动的颜色
      • RGB 20% 和 51的倍数(对应十六进制33的倍数)包括0% 0
      • 十六进制记分
        • 00、33、66、99、CC、FF
  • 长度单位
    • 绝对长度
      • 厘米、英尺、毫米、点(72分之1英尺)、派卡(12点)
    • 相对长度
      • px像素
        • 浏览器一个像素点
      • em和ex
        • em相对于字体大小,元素字体大小14px,1em=14px,根据元素不同而不同,使用em设置字体大小会根据父元素的字体变化
        • ex小写字体x的大小,不同字体也会有影响,约等于0.5em

字体

文本属性

  • 文本缩进
    • text-indent 可用百分比

tag

  • 浏览器加载css,会进行合并
  • rel=alternate + title来设置候选样式表
  • 较老浏览器不支持@import,可以用来css hack
  • 非互斥伪类可以一起使用

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,779评论 1 91
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 15,547评论 32 459
  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 6,355评论 1 62
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,265评论 0 6
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 1,914评论 0 8
  • 进入大学一年,除了每天待在寝室里玩电脑,偶尔出去聚餐外,还没有过什么特殊的计划。和所有新生一样,刚开始的满怀憧憬,...
    南小说阅读 531评论 2 3
  • 闹钟响了一遍,可还是没能唤醒我沉睡的躯壳,揉一揉睁不开的睡眼,不管是内心还是身体上,都是摊扶不起来的浆糊。 眼睛好...
    松果泓树阅读 217评论 0 0
  • 不该喜欢你的,你离我那么远,甚至没有见过面 可我怎么那么喜欢你,就算那么远,即使没有见过面 你一定不知道啊我有多么...
    子南ii阅读 62评论 0 0
  • 2017年6月22日 咖啡冥想 我的近期目标是:财富种子(还清卡债5千) 所以我的咖啡冥想是一切和金钱有关,照顾他...
    林小琬阅读 55评论 0 0