css 笔记

当尺寸为 0 像素时,0 之后不需要使用 px 单位,因为 0 就是 0,无论单位是什么。

p {
   font-size:0    
}

如果值为若干单词,则要给值加引号:

p {font-family: "sans serif";}

border-style(边框样式)常见样式有:

dashed(虚线)| dotted(点线)| solid(实线)。


border-width(边框宽度)中的宽度也可以设置为:

thin | medium | thick(但不是很常用),最常还是用象素(px)。

流动模型(Flow)

流动(Flow)是默认的网页布局模式

流动布局模型具有2个比较典型的特征:

第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置

第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。

浮动模型(Float)

块状元素这么霸道都是独占一行,如果现在我们想让两个块状元素并排显示,怎么办呢?不要着急,设置元素浮动就可以实现这一愿望。

任何元素在默认情况下是不能浮动的,但可以用CSS定义为浮动,如div、p、table、img等元素都可以被定义为浮动。float

层模型有三种形式:

1、绝对定位(position: absolute)

2、相对定位(position: relative)

3、固定定位(position: fixed)

 

  

  

原文地址:https://www.cnblogs.com/ElvinLong/p/4078598.html