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