02 2020 档案

BFC
摘要：首先谈一下什么是BFC？BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC是如何布局的呢？1、内部的Bo 阅读全文
posted @ 2020-02-29 22:27 我是乐呀 阅读(121) 评论(0) 推荐(0)
元素类型
摘要：一、元素类型的分类 根据css的显示，把HTML的标签分为了三大类型 元素类型分类1： 块状元素 内联元素（包含内联块元素） 可变元素 元素类型分类2： 块状元素 内联元素 内联块元素（css2.1） 争议：内联块元素 是自己属于一种元素类型 还是 属于内联元素类型？ 1、块状元素：（默认情况下） 阅读全文
posted @ 2020-02-29 21:13 我是乐呀 阅读(541) 评论(0) 推荐(0)
实现搜索框效果
摘要：实现如下的搜索框 html 代码如下 <form action=""> <input class="inbox" type="text" value="SEARCH..."/> <input class="insub" type="submit" value="搜索" /> </form> CSS代 阅读全文
posted @ 2020-02-29 20:08 我是乐呀 阅读(363) 评论(0) 推荐(0)
关于溢出、单行文本显示省略号
摘要：溢出属性： （重要） overflow :visible/hidden/scroll/auto/inherit 值 描述 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余 阅读全文
posted @ 2020-02-29 19:53 我是乐呀 阅读(146) 评论(0) 推荐(0)
隐藏元素里面的文字方法
摘要：隐藏元素里面的文字方法： color:transparent; 设置按钮里的文字颜色为透明 font-size:0; 设置文字大小为0 ，不让文字显示 text-indent: -9999px; 让文字首行缩进，给一个足够大的负值，让文本超出元素以外显示 阅读全文
posted @ 2020-02-29 19:02 我是乐呀 阅读(322) 评论(0) 推荐(0)
（固定定位）设置元素相对浏览器可视窗口水平居中，垂直居中
摘要：设置元素相对浏览器可视窗口水平居中，垂直居中的两种方法 <div class="box"> 123</div> 方法一：让box中心与浏览器中心在同一位置， .box{ width:200px; height:200px; background: #f00; position: fixed; top 阅读全文
posted @ 2020-02-25 21:04 我是乐呀 阅读(1464) 评论(0) 推荐(0)
如何让li中的a与li同高同宽
摘要：<div class="nav1"> <ul> <li><a href="#">首页</a></li> <li><a href="#">直播间</a></li> <li><a href="#">高清回放</a></li> <li><a href="#">视频报道</a></li> & 阅读全文
posted @ 2020-02-23 21:40 我是乐呀 阅读(751) 评论(0) 推荐(0)
img在li里居中显示
摘要：如何让图片在li里进行水平垂直居中显示？ 1.首先，我们应该在列表中插入图片，html代码如下 <ul> <li> <img src="img_zoujin/rightImg.gif"/> </li> <li> <img src="img_zoujin/rightImg.gif"/> </li> < 阅读全文
posted @ 2020-02-23 15:31 我是乐呀 阅读(4391) 评论(0) 推荐(0)
盒模型
摘要：盒模型 盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系，css定义所有的元素都可以拥有像盒子一样的外形和平面空间。其在学习web前端中必须要深入理解。 下面本篇文章将会从以下几个方面谈谈学习盒模型（标准盒模型和怪异盒模型）该注意的问题： 标准盒模型和怪异盒模型所占位置的组成 如 阅读全文
posted @ 2020-02-22 22:24 我是乐呀 阅读(123) 评论(0) 推荐(0)