云泽野の编程日记

定位有两个作用:1.可以解决盒子和盒子之间的层叠问题(定位之后元素层级最高,可以层叠在其它盒子上面)2.可以让盒子始终固定在屏幕中的某个位置属性名:position定位方式属性值静态定位static相对定位relative绝对定位absolute固定定位fixedps: 这四个取值中第一个就是不定位,加和不加都是一个效果.设置position只是设置定位的方式.除了定位方式还要设置偏移值偏移值设置分为两个方向(水平和垂直方向)方向属性名属性值含义水平left。

介绍背景颜色 背景图片 背景平铺 背景位置background(复合属性)这些属性

这里的清除浮动并不是把浮动的代码给清除了,而是其它元素会受到浮动的影响,我们不想让其它元素受到浮动的影响,因此我们需要清除浮动。但是蓝色的div盒子并没有把灰色div盒子的内容遮盖掉,虽然是脱标,但算是一种半脱标.可以看到第二个跑到了第一个div的位置,就这就是浮动的脱标现象,相当于是飞起来了.蓝色的div已经脱标了.因此绿色的div就跑到上面去了.这就是受到了浮动的影响。如果我想要的是绿色的盒子就在蓝色的盒子下面这个位置显示。这是不加浮动的显示效果,下面看看加了浮动的。

所有HTML元素可以看作盒子,CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。

CSS有三个特性,分别是是层叠性、继承性以及优先级.

CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。CSS的作用:给HTML里面的标签设置样式简单点来说就是让HTML的页面变得更加好看。

本篇文章主要讲解CSS中的文字和文本样式及一些实用技巧.文章最后有思维导图.

元素显示模式就是元素(标签)以什么样的方式进行显示HTML元素一般分为块元素和行内元素两种类型元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置高度和宽度容器的宽度容器级可以包含任何标签行内元素一行可以放多个行内元素不可以直接设置宽和高本身内容的宽度容纳文本或其它行内元素行内块元素一行可以放多个行内块元素可以设置宽和高本身内容的宽度。

web前端开发HTML的知识点总结