【JavaWeb】CSS

2021/5/15 12:28:49

本文主要是介绍【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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程