![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
文章平均质量分 90
lin_xiaoc
要么庸俗,要么孤独
展开
-
css盒子模型
盒子模型主要有外边距margin,内边距padding,border形成 盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。 因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 等块级标签都具有盒子模型的特征 块级元素特点(、 、、、 和 ): 1、原创 2016-03-16 22:37:45 · 220 阅读 · 0 评论 -
css布局模型
在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer) 流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div,h1,p)宽度显示为100原创 2016-03-16 22:42:24 · 315 阅读 · 0 评论 -
css样式设置小技巧
一:水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的。 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的. text-align:center不能给块级元素使用,当要块级元素居中时,需要用margin:50px auto这样去设置. 二原创 2016-03-16 22:54:52 · 283 阅读 · 0 评论