摘要:
一、background-color:设置该元素的背景颜色 一共有三种:单词、rgb表示法、十六进制表示法 1、rgb:红色 绿色 蓝色 三原色 光学显示器,每个像素都是由三原色的发光原件组成的,靠明亮度不同调成不同的颜色的。用逗号隔开,r、g、b的值,每个值的取值范围0~255,一共256个值。如
阅读全文
posted @ 2019-01-15 13:38
longfei2021
阅读(216)
推荐(0)
posted @ 2019-01-15 00:29
longfei2021
阅读(108)
推荐(0)
摘要:
超链接导航栏案例 写好上面的结构代码之后,也就是将我们页面展示的内容显示了,但是我们此时要利用我们学过的知识点来布局页面 首先我们要做导航栏,并排显示元素,第一想到浮动,想到使用浮动之后,一定记得清除浮动元素。
阅读全文
posted @ 2019-01-10 21:54
longfei2021
阅读(204)
推荐(0)
摘要:
一、文本属性 1、文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 属性值:none | center | left | right | justify 2、文本颜色 color属性 3、文本首行缩进 text-indent 属性规定元素首行缩进的距离,单位建议使用em 4、文本
阅读全文
posted @ 2019-01-10 21:48
longfei2021
阅读(301)
推荐(0)
摘要:
1、浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性。 float:表示浮动的意思。它有3个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 看一个例子 我们会发现,三个元素并排显示,.box1和span因为是左浮动,紧挨在一起,这种现象叫做贴边。.b
阅读全文
posted @ 2019-01-09 10:39
longfei2021
阅读(104)
推荐(0)
摘要:
什么是标准文档流 宏观的讲,我们的web页面和ps等设计软件有本质的区别,web网页的制作,是个“流”,从上而下,像“织毛衣”。而设计软件,想往哪里画东西,就去哪里画 标准文档流下有哪些微观现象? 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写,会发现每张图片之间有
阅读全文
posted @ 2019-01-09 10:15
longfei2021
阅读(231)
推荐(0)
摘要:
根据需要选择和裁剪后使用,以减少代码量
阅读全文
posted @ 2019-01-09 10:09
longfei2021
阅读(182)
推荐(0)
摘要:
1、margin margin:外边距的意思。表示边框到最近盒子的距离。 2、margin的用法 2.1、margin塌陷问题 当时说到了盒模型,盒模型包含着margin,为什么要在这里说margin呢?因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子: 当给两个标准流下兄弟盒子
阅读全文
posted @ 2019-01-09 10:06
longfei2021
阅读(343)
推荐(0)
摘要:
边框 边框有三个要素: 粗细、线性样式、颜色 border: solid 如果颜色不写,默认是黑色。 如果粗细不写,不显示边框。 如果只写线性样式,默认的有上下左右 3px的宽度,实体样式,并且黑色的边框。 按照3要素来写border 线的样式有实线、点线、双线、虚线 按照方向划分 另外还可以这样:
阅读全文
posted @ 2019-01-09 09:56
longfei2021
阅读(197)
推荐(0)
摘要:
padding padding:就是内边距的意思,它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 padding有四个方向,分别描述4个方向的pa
阅读全文
posted @ 2019-01-09 09:52
longfei2021
阅读(237)
推荐(0)