摘要: 定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 这三种定位,每一种都暗藏玄机,所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: to 阅读全文
posted @ 2018-09-21 15:19 最底层 阅读(2394) 评论(0) 推荐(1) 编辑
摘要: 先来讲讲颜色表示法 一共有三种:单词、rgb表示法、十六进制表示法 rgb:红色 绿色 蓝色 三原色光学显示器,每个像素都是由三原色的发光原件组成的,靠明亮度不同调成不同的颜色的。用逗号隔开,r、g、b的值,每个值的取值范围0~255,一共256个值。如果此项的值,是255,那么就说明是纯色:黑色: 阅读全文
posted @ 2018-09-21 15:18 最底层 阅读(747) 评论(0) 推荐(0) 编辑
摘要: html结构 写好上面的结构代码之后,也就是将我们页面展示的内容显示了,但是我们此时要利用我们学过的知识点来布局页面 首先我们要做导航栏,并排显示元素,第一想 浮动,想到使用浮动之后,一定记得清除浮动元素。 css代码如下: 阅读全文
posted @ 2018-09-21 15:17 最底层 阅读(1281) 评论(0) 推荐(0) 编辑
摘要: 文本属性 介绍几个常用的。 文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 属性值:none | center | left | right | justify 文本颜色 color属性 文本首行缩进 text-indent 属性规定元素首行缩进的距离,单位建议使用em 文本修 阅读全文
posted @ 2018-09-21 15:16 最底层 阅读(2832) 评论(0) 推荐(0) 编辑
摘要: margin塌陷问题 当时说到了盒模型,盒模型包含着margin,为什么要在这里说margin呢?因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子: html结构: css样式: 当给两个标准流下兄弟盒子 设置垂直方向上的margin时,那么以较大的为准,那么我们称这种现象叫塌陷。 阅读全文
posted @ 2018-09-21 15:15 最底层 阅读(3879) 评论(0) 推荐(0) 编辑
摘要: 浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性。 float:表示浮动的意思。它有四个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 看一个例子 html结构: css样式: 我们会发现,三个元素并排显示,.box1和span因为是左浮动,紧挨在一 阅读全文
posted @ 2018-09-21 15:14 最底层 阅读(5255) 评论(0) 推荐(1) 编辑
摘要: css有两大特性:继承性和层叠性 继承性: 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 记住:有一些属 阅读全文
posted @ 2018-09-18 15:58 最底层 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 CSS:Cas 阅读全文
posted @ 2018-09-17 15:34 最底层 阅读(506) 评论(0) 推荐(0) 编辑
摘要: 今日主要内容: 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> 列表标签 <ul>、<ol>、<dl> 表格标签 <table> 表单标签 <fom> 一、列表标签 列表标签分为三种。 1、无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: u 阅读全文
posted @ 2018-09-17 15:21 最底层 阅读(1906) 评论(0) 推荐(0) 编辑
摘要: 今日内容: 字体标签: h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub> 排版标签 字体标签: h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub> 排版标签 <div> 、<span> 、 <br>、<hr>、<cen 阅读全文
posted @ 2018-09-17 15:17 最底层 阅读(434) 评论(0) 推荐(0) 编辑