
css(3)
文章平均质量分 82
蓝色的小叶子
一个热爱it技术,有梦想的95后大叔。
展开
-
CSS中的相对定位(relative)
本人的另一篇文章已经讲过绝对定位,这篇文章我们来说说css中的相对定位。css中有四种定位:默认,绝对(absolute),相对(relative),固定(fixed),话不多说,先把代码贴出来:<!DOCTYPE html><html> <head> <title>absolute</title> ...原创 2019-07-13 15:51:25 · 3562 阅读 · 0 评论 -
CSS中的绝对定位(absolute)和z-index的用法
先把代码贴出来<!DOCTYPE html><html lang="en"> <head> <title>absolute</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2019-07-11 14:32:46 · 7174 阅读 · 2 评论 -
浅析CSS中的margin属性
学过一定css的人都知道,css里面有个盒模型,margin作为盒模型的重要组成部分,我们很有必要把它搞懂!那什么是margin呢?简单点来说,在同辈元素之间的就是元素到元素之间的距离,在父子元素之间就是子元素到父元素边框之间的距离。margin属性可以设置 四种值:auto(浏览器计算外边距)、length(规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px)、%(规定基于父...原创 2019-07-18 23:55:24 · 772 阅读 · 0 评论 -
浅谈CSS3中的content-box和border-box的区别
content-box是符合w3c标准的盒模型,也是默认的盒模型border-box是不符合w3c标准的盒模型,也称为怪异盒子他们二者有什么区别呢?content-box是先根据设定的样式确定元素content的宽高,有border和padding的情况下再额外增加盒子的宽高,内容宽高不受影响,设定多少就是多少。border-box是先根据设定的样式固定盒子的宽高,如果有borde...原创 2019-07-23 11:58:59 · 8997 阅读 · 2 评论