【JavaWeb】CSS

CSS
cascading style sheets层叠样式表

• 优：①功能强大；②内容展示与控制分离：解耦、分工简易；③提高开发效率

标签：：

属于一种样式（html就像是一个人，我们用CSS来给他化妆）

• 块，容器
• 块级标签（独占一行）行级标签
• 书写方式：生效是就近原则  
  • 内联：
  • 内部：(元素选择器)
  • 外部：

1. 封装在外部，

1. 封装在head中，

1. 直接在div里面写
2. 在同一行中显示需要用到display:inline-block

选择器：

• id选择器：
  • id唯一

  • 内容

    ， 然后在head中补上**#myid{各种属性赋值}**
• 元素选择器：
  • 筛选相同标签的元素

  • 内容

    ，然后再head中补上**div{各种属性赋值}**就行
• class选择器：
  • 为指定的一组标签写class，分到同一班就穿同样的衣服。
  • ，然后在head中补上**.myclass{各种同一的衣服属性}**
• 拓展选择器：
  • ⭐并集选择器：选择器1， 选择器2{}
  • ⭐子选择器：选择器1 选择器2{}
  • 父选择器：div > p {}
  • 选择所有元素：*{}
  • 伪选择器（选中、悬停、访问过）……
• 块级元素的盒子模型：
  • margin：外边距
  • padding：内边距
  • float：

1. 上右下左，顺时针排列
2. 默认情况下，内边距会影响大小（添加属性Box-sizing: border-Box确定盒子最终的大小。）
3. 长度计算：本身的长度+附加的