摘要：
1、浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有3个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一起，这种现象叫做贴边。.b 阅读全文
摘要：
什么是标准文档流 宏观的讲，我们的web页面和ps等设计软件有本质的区别，web网页的制作，是个“流”，从上而下，像“织毛衣”。而设计软件，想往哪里画东西，就去哪里画 标准文档流下有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写，会发现每张图片之间有 阅读全文
摘要：
根据需要选择和裁剪后使用，以减少代码量 阅读全文
摘要：
1、margin margin：外边距的意思。表示边框到最近盒子的距离。 2、margin的用法 2.1、margin塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： 当给两个标准流下兄弟盒子 阅读全文
摘要：
边框 边框有三个要素： 粗细、线性样式、颜色 border: solid 如果颜色不写，默认是黑色。 如果粗细不写，不显示边框。 如果只写线性样式，默认的有上下左右 3px的宽度，实体样式，并且黑色的边框。 按照3要素来写border 线的样式有实线、点线、双线、虚线 按照方向划分 另外还可以这样： 阅读全文
摘要：
padding padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 padding有四个方向，分别描述4个方向的pa 阅读全文
摘要：
盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称这种盒子为盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width：内容的宽度 height: 内容的高度 paddin 阅读全文
摘要：
层叠性权重相同处理 第一种现象：当权重相同时，以后来设置的属性为准，前提一定要权重相同 第二种现象： 第一个选择器没有选中内层标签，那么它是通过继承来设置的属性，那么它的权重为0。第二个选择器选中了内层标签，有权重。 所以 继承来的元素 权重为0。跟选中的元素没有可比性。 第三种现象：如果都是继承来 阅读全文
摘要：
css有两大特性：继承性和层叠性 继承性 面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。 继承：给父级设置一些属性，子级继承了父级的该属性，这就是css中的继承。 记住：有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-* 阅读全文
摘要：
1、伪类选择器 伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 2、隔行选择器nth-child() 例子： 3、伪元素选择器 阅读全文
摘要：
一、css介绍 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScript 。从交互的角度描述页面行为 CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添 阅读全文
摘要：
主要内容： 列表标签 <ul>、<ol>、<dl>表格标签 <table>表单标签 <form> 一、列表标签 列表标签分为三种。 无序列表 有序列表 定义列表 1、无序列表<ul>，无序列表中的每一项是<li> 1.1、英文单词解释如下：ul：unordered list，“无序列表”的意思。li 阅读全文