1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <style type="text/css"> 7 /* 8 块级标签:占的是一行. 9 行内标签:占行
分类:
Web程序 时间:
2016-02-21 22:36:22
阅读次数:
209
前言:前阵子在做一个项目时,在页面布局方面遇到了一点小问题,于是上stackoverflow上求助。ifaou在帮助我解决我问题的同时,还推荐我阅读一篇有关CSS盒子模型的文章《The CSS Box Model》,阅读之后受益匪浅,才知道自己对盒子模型知识还是如此欠缺。恰逢学期末,项目验收后暂时告
分类:
Web程序 时间:
2016-02-19 22:06:41
阅读次数:
1040
目录介绍Canvas和SVG图形之间的区别是什么?如何使用Canvas和SVG绘制矩形?什么是CSS选择器?如何使用ID值应用CSS样式?CSS的列布局有什么用?请解释一下CSS盒子模型?请解释CSS3中的一些文字效果?什么是webworker,为什么我们需要他们webworker?如何添加和删除本...
分类:
Web程序 时间:
2016-01-26 18:24:54
阅读次数:
575
作为前端开发工程师,大家都应该知道盒子模型。下面用一张图来表达3D盒子模型的层级关系大家可以看到background-color 在background-image的下一层。这个希望对大家有帮助
分类:
Web程序 时间:
2016-01-23 18:11:46
阅读次数:
560
--------------------------------------CSS盒子模型-----------------------------------1.什么是盒子模型?盒子模型可用于元素定位和网页布局.盒子模型中,每个元素(不论是块级还是内嵌元素)都会产生一个矩形盒子围绕在元素的内容之外...
分类:
其他好文 时间:
2016-01-17 20:13:19
阅读次数:
210
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不...
分类:
Web程序 时间:
2016-01-06 09:09:19
阅读次数:
259
所谓“盒子”,其实就是指能够“包容”一定的“内容”(物体)的区域范围,通常都是由一个标签(元素)来表现。比如,div,p,h1,span,b,。。。。。——我们可以认为,几乎所有标签其实都是一个盒子。一个盒子通常具有如下几个部分构成:边框:border:可以设定每个方向边框的线形,粗细和颜色内容区:...
分类:
Web程序 时间:
2015-12-20 17:28:22
阅读次数:
171
css3转换1.元素偏移 tranlate通过translate()的方法元素从当前位置移动到给定的left(x坐标)和top(y坐标)位置参数代码如下:div{transform:translate(50px,100px);-ms-transform:translate(50px,100px); ...
分类:
Web程序 时间:
2015-12-01 21:17:59
阅读次数:
238
今天继续接着CSS盒子模型补充,CSS基础学习十三:盒子模型和CSS基础学习十四:盒子模型补充之display属
性设置都是介绍了盒子模型中的内容概括。开始今天的主题:外边距合并。
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合
并的外边距的高度中的较大者。
(1)外边距合并
外边距合并叠加是一...
分类:
Web程序 时间:
2015-11-21 16:00:56
阅读次数:
211
一CSS盒子模型概述
CSS盒子模型规定了元素框处理元素内容、内边距、边框和外边距的方式。一个完整元素包括内容(content),内
边距(填充)(padding),边框(border)和外边距(空白)(margin)。
盒子模型图:
元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框...
分类:
Web程序 时间:
2015-11-20 07:02:42
阅读次数:
155