15-定位
摘要：一、定位 1、定位有三种 1.相对定位 2.绝对定位 3.固定定位 position 属性把元素放置到一个静态的、相对的、绝对的或固定的位置中。 2、position语法 3、position参数 值 描述static 默认。位置设置为static的元素，它始终会处于页面流给予的位置（static
阅读全文
posted @
2019-01-15 14:47
longfei2021
阅读(156)
推荐(0) 编辑
14-background
摘要：一、background-color:设置该元素的背景颜色 一共有三种：单词、rgb表示法、十六进制表示法 1、rgb:红色 绿色 蓝色 三原色 光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。用逗号隔开，r、g、b的值，每个值的取值范围0~255，一共256个值。如
阅读全文
posted @
2019-01-15 13:38
longfei2021
阅读(173)
推荐(0) 编辑
13-超链接导航栏案例
摘要：超链接导航栏案例 写好上面的结构代码之后，也就是将我们页面展示的内容显示了，但是我们此时要利用我们学过的知识点来布局页面 首先我们要做导航栏，并排显示元素，第一想到浮动，想到使用浮动之后，一定记得清除浮动元素。
阅读全文
posted @
2019-01-10 21:54
longfei2021
阅读(175)
推荐(0) 编辑
12-文本属性和字体属性
摘要：一、文本属性 1、文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 属性值：none | center | left | right | justify 2、文本颜色 color属性 3、文本首行缩进 text-indent 属性规定元素首行缩进的距离，单位建议使用em 4、文本
阅读全文
posted @
2019-01-10 21:48
longfei2021
阅读(282)
推荐(0) 编辑
11-浮动
摘要：1、浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有3个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一起，这种现象叫做贴边。.b
阅读全文
posted @
2019-01-09 10:39
longfei2021
阅读(101)
推荐(0) 编辑
10-块级元素和行内元素
摘要：什么是标准文档流 宏观的讲，我们的web页面和ps等设计软件有本质的区别，web网页的制作，是个“流”，从上而下，像“织毛衣”。而设计软件，想往哪里画东西，就去哪里画 标准文档流下有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写，会发现每张图片之间有
阅读全文
posted @
2019-01-09 10:15
longfei2021
阅读(228)
推荐(0) 编辑
08-认识margin
摘要：1、margin margin：外边距的意思。表示边框到最近盒子的距离。 2、margin的用法 2.1、margin塌陷问题 当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子： 当给两个标准流下兄弟盒子
阅读全文
posted @
2019-01-09 10:06
longfei2021
阅读(322)
推荐(0) 编辑
07-border(边框)
摘要：边框 边框有三个要素： 粗细、线性样式、颜色 border: solid 如果颜色不写，默认是黑色。 如果粗细不写，不显示边框。 如果只写线性样式，默认的有上下左右 3px的宽度，实体样式，并且黑色的边框。 按照3要素来写border 线的样式有实线、点线、双线、虚线 按照方向划分 另外还可以这样：
阅读全文
posted @
2019-01-09 09:56
longfei2021
阅读(192)
推荐(0) 编辑
06-padding(内边距)
摘要：padding padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 padding有四个方向，分别描述4个方向的pa
阅读全文
posted @
2019-01-09 09:52
longfei2021
阅读(232)
推荐(0) 编辑
05-盒模型
摘要：盒模型 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称这种盒子为盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width：内容的宽度 height: 内容的高度 paddin
阅读全文
posted @
2019-01-09 09:45
longfei2021
阅读(99)
推荐(0) 编辑
04-层叠性权重相同处理
摘要：层叠性权重相同处理 第一种现象：当权重相同时，以后来设置的属性为准，前提一定要权重相同 第二种现象： 第一个选择器没有选中内层标签，那么它是通过继承来设置的属性，那么它的权重为0。第二个选择器选中了内层标签，有权重。 所以 继承来的元素 权重为0。跟选中的元素没有可比性。 第三种现象：如果都是继承来
阅读全文
posted @
2019-01-09 09:43
longfei2021
阅读(94)
推荐(0) 编辑
03-继承性和层叠性
摘要：css有两大特性：继承性和层叠性 继承性 面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。 继承：给父级设置一些属性，子级继承了父级的该属性，这就是css中的继承。 记住：有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-*
阅读全文
posted @
2019-01-09 09:40
longfei2021
阅读(120)
推荐(0) 编辑
02-其他选择器
摘要：1、伪类选择器 伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 2、隔行选择器nth-child() 例子： 3、伪元素选择器
阅读全文
posted @
2019-01-09 09:30
longfei2021
阅读(105)
推荐(0) 编辑
01-css的引入方式和常用选择器
摘要：一、css介绍 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScript 。从交互的角度描述页面行为 CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添
阅读全文
posted @
2019-01-09 09:14
longfei2021
阅读(118)
推荐(0) 编辑
