Java教程

【JavaWeb】CSS

本文主要是介绍【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. 长度计算：本身的长度+附加的
这篇关于【JavaWeb】CSS的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航