Java-JavaWeb-CSS

Posted wonewo

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Java-JavaWeb-CSS相关的知识，希望对你有一定的参考价值。

  • 层叠样式表
  • CSS和html相结合的4种方式
    • 每个html标签，都有一个style属性
      • <div >......</div>
      • 属性与值之间使用冒号：连接
      • 属性与属性之间使用分号；连接
    • 使用HTML的<style>标签，要写在<head>标签中
      • <style type="text/css">
        • div{
          • color:red;
        • }</style>
    • @import url(CSS文件的路径);
      • 也要写在head标签中style标签中
      • css文件的格式
        • div{color:black;}
      • 某些浏览器中不支持
    • 头标签的link标签
      • <link rel="stylesheet" type="text/css‘ href="div.css"/>
      • 此种方式较常用
  • 选择器
    • class选择器
      • <style> .haha={color:black;}</style>
        • 所有class属性值是haha的标签，都会起作用
      • <div class="haha">....</div>
    • id选择器
      • <style> #haha={color:black;}</style>
        • 所有id属性值是haha的标签都会起作用
      • <div id="haha">....</div>
    • 选择器的优先级
      • class选择器大于标签选择器，id选择器大于class选择器，单独标签中的style属性的优先级最高
    • 扩展选择器
      • 关联选择器
        • <div><p>xxx</p></div>
        • 要设置div标签里的p标签的样式使用：
          • div p {xxx}
      • 组合选择器
        • 将两个不同的标签设置相同的样式
          • div,p {xxx}
      • 伪元素选择器
        • 利用CSS中已有的样式
          • 如超链接，有原始状态，悬停，点击，已点击等状态
          • 在头标签的style标签中定义以下即可
            • a:link{ }
            • a:hover{ }
            • :active{ }
            • :visited{ }
  • CSS的盒子模型
    • div+CSS
      • 属性：
        • border
          • 边框
        • padding补白
          • 内边距（文本内容与边框的间距）
        • margin
          • 外边距
        • float
          • 值：left表示文本流向对象的右边
          • 不常用
        • position
          • 值：
            • absolute
              • 将对象从文档流中拖出，会飘在上边一层
              • 可以通过topleft属性，调整div的位置
            • relative
              • 不会将对象从文档流中拖出
              • 同样可以使用topleft属性调整位置

以上是关于Java-JavaWeb-CSS的主要内容，如果未能解决你的问题，请参考以下文章