Coca-Mirinda

2018年5月25日

摘要：直接上代码了 html结构写好上面的结构代码之后，也就是将我们页面展示的内容显示了，但是我们此时要利用我们学过的知识点来布局页面首先我们要做导航栏，并排显示元素，第一想浮动，想到使用浮动之后，一定记得清除浮动元素。 css代码如下：阅读全文

posted @ 2018-05-25 20:49 Coca-Mirinda 阅读(197) 评论(0) 推荐(0)

15.CSS 浮动

摘要：浮动浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动看一个例子 html结构： css样式：我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一阅读全文

posted @ 2018-05-25 20:48 Coca-Mirinda 阅读(150) 评论(0) 推荐(0)

16.CSS margin用法

摘要： margin塌陷问题当时说到了盒模型，盒模型包含着margin，为什么要在这里说margin呢？因为元素和元素在垂直方向上margin里面有坑。我们来看一个例子： html结构： css样式：当给两个标准流下兄弟盒子设置垂直方向上的margin时，那么以较大的为准，那么我们称这种现象叫塌陷。阅读全文

posted @ 2018-05-25 20:48 Coca-Mirinda 阅读(165) 评论(0) 推荐(0)

14.CSS 块级元素与行内元素

摘要：学习的初期，我们就要知道，标准文档流等级森严。标签分为两种等级：行内元素块级元素比如h1标签和span，同时设置宽高，来看浏览器效果，那么你会发现：行内元素和块级元素的区别：（非常重要）行内元素：与其他行内元素并排；不能设置宽、高。默认的宽度，就是文字的宽度。块级元素：霸占一行，不阅读全文

posted @ 2018-05-25 20:47 Coca-Mirinda 阅读(141) 评论(0) 推荐(0)

12.CSS 简单认识margin

摘要：边框 border:边框的意思，描述盒子的边框边框有三个要素：粗细线性样式颜色如果颜色不写，默认是黑色。如果粗细不写，不显示边框。如果只写线性样式，默认的有上下左右 3px的宽度,实体样式，并且黑色的边框。按照3要素来写border 按照方向划分上面12条语句，相当于 bordr: 1 阅读全文

posted @ 2018-05-25 20:46 Coca-Mirinda 阅读(145) 评论(0) 推荐(0)

13.CSS 标准文档流

摘要：博客园首页新随笔联系订阅管理博客园首页新随笔联系订阅管理 13-标准文档流什么是标准文档流宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下，像 “织毛衣”。而设计软件，想往哪里画东西，就去哪里画标准文档流下有哪些微观现阅读全文

posted @ 2018-05-25 20:46 Coca-Mirinda 阅读(178) 评论(0) 推荐(0)

10.CSS padding内边距

摘要： padding padding：就是内边距的意思，它是边框到内容之间的距离另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 padding有四个方向，分别描述4个方向的pa 阅读全文

posted @ 2018-05-25 20:45 Coca-Mirinda 阅读(192) 评论(0) 推荐(0)

11.CSS border边框

posted @ 2018-05-25 20:45 Coca-Mirinda 阅读(155) 评论(0) 推荐(0)

5.CSS 伪类选择器

摘要：伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul l 阅读全文

posted @ 2018-05-25 20:42 Coca-Mirinda 阅读(134) 评论(0) 推荐(0)

4.CSS 属性选择器

摘要：属性选择器，字面意思就是根据标签中的属性，选中当前的标签。语法：阅读全文

posted @ 2018-05-25 20:41 Coca-Mirinda 阅读(137) 评论(0) 推荐(0)

公告