CSS--简单介绍

深藏阁楼爱情的钟 2021-09-27 02:26 357阅读 0赞

# 前言 #

> CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。  
> CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。  
> 因为还没有后面会详细的学习CSS，所以在这里只是简单的介绍一下CSS。

# 内容 #

## 定位 ##

在HTML中需要将内容的位置给安排好，这就需要css的Position属性来操作

*  static（默认）
 *  relative（相对的）
 *  fixed（固定的）
 *  absolute（绝对的）

其中fixed和absolute是脱离文档流(即不占有原来的空间）。  
用到的属性有top、left、bottom和right，详情如下：

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>表示</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>top</td> 
   <td>元素顶端与距离“浏览器”上边缘的距离</td> 
  </tr> 
  <tr> 
   <td>left</td> 
   <td>元素顶端与距离“浏览器”左边缘的距离</td> 
  </tr> 
  <tr> 
   <td>bottom</td> 
   <td>元素顶端与距离“浏览器”下边缘的距离</td> 
  </tr> 
  <tr> 
   <td>right</td> 
   <td>元素顶端与距离“浏览器”右边缘的距离</td> 
  </tr> 
 </tbody> 
</table>

绝对定位默认是以浏览器作为参考，但是如果绝对定位在relative定位的元素中（绝对定位中也行），那么就以这个元素作为参考。  
在绝对定位中层次定位需要用到的属性是：z-index

在定义css的时候会出现：\#dv1，\#dv2，\#dv3，\#dv4，\#dv5这么一种情况，这种现象叫做组合选择器。用逗号分隔的所有选择器都拥有这个格式。表示的意思是\#dv1，\#dv2，\#dv3，\#dv4，\#dv5着五个都用下面的这些格式。  
其中还需要注意display中常用的属性是： none、block（块）、inline（行）、div、span

# 总结 #

在不断总结之中

# end #

谢谢您的阅读！