CSS整体总结

CSS历史与基础使用，包含养成规范思想：css单独放在一个目录中；选择器：注意权重等内容，可收藏。

CSS:cascading style sheet(级联样式表)

• 1.0基本样式,2.0加入DIV块和CSS,提出HTML与CSS分离思想,可以做SEO
  • 2.1加入浮动与定位
    • 3.0加入圆角,阴影和动画,注意浏览器兼容性
• 养成规范思想:css单独放在一个目录中
  • 引入方式:
    • 行内样式:行内style,不建议,只在特殊情况下使用,如偷懒
    • 内部样式表:sytle写在head里面,语法:选择器{声明},分号可不写
    • 外部样式表:link的href链接css文件
      • 在浏览器的控制台可以看到css文件名
    • @import:url('文件'),2.1特有加入
      • 先写骨架再写CSS
  • 优势:
    • 内容与表现分离,网页结构表现统一,代码可复用
    • 样式丰富
    • 建议独立于html,单独一个文件
    • 利于SEO,易被搜索引擎收录
• 选择器:注意权重
  • 通用,标签,id,class
  • 属性,伪类
  • 兄弟,父子,相邻父子
• 样式
  • 文本样式
    • text-aglin
    • text-decration:a标签的下划线
    • font,可组合,字体,大小/行高等
  • 超链接伪类
    • link
    • visited
    • hover
    • active
  • 背景
    • background:图片,平铺背景定位等
  • 阴影
    • text-shdow
    • box-shdow
  • 浮动
    • float:auto,left,right,auto
    • display:inLine-block
    • postion:fiexd固定定位
      • relative,absulote等
  • 父级塌陷
    • content:""
    • clear:both
    • display:block
    • 本质是加个空div
  • 溢出
    • overflow:scroll滚动条,auto,hidden