摘要：
思路如下： 1.先把初始效果写出来 2.确定他最终展示的效果 3.通过什么过程实现 阅读全文
posted @ 2020-03-04 20:20
我是乐呀
阅读(152)
评论(0)
推荐(0)
摘要：
利用position:absolate;设置元素居中的时候 如果元素不知道宽高的时候，无法利用margin进行辅助居中， 所以在这种情况下，可以利用transform:translate(-50%,-50%); 代码如下： 阅读全文
posted @ 2020-03-03 10:51
我是乐呀
阅读(255)
评论(0)
推荐(0)
摘要：
伪元素（对象）选择器：（这几个伪元素选择器前面的冒号可写一组，也可以写两组；） 1）、::after : 与content属性一起使用，定义在对象后的内容。（必须具有属性content：“”；） 语法：选择符: ：after{content:”文字”;} 选择符: ：after{content:ur 阅读全文
posted @ 2020-03-01 23:47
我是乐呀
阅读(313)
评论(0)
推荐(0)
摘要：
1、相对窗口自适应 html,body{height:100%;} （全屏显示的页面必须要给 html,body设置高度100%） 注：百分比设置宽高的时候，都是相对当前元素最近的父元素显得的百分比的值(百分比这个值显示大小的参照物就是自己最近的父元素) 2、相对元素或者内容自适应： 1）非浮动元素 阅读全文
posted @ 2020-03-01 23:45
我是乐呀
阅读(351)
评论(0)
推荐(0)
摘要：
vertical-align属性只对行内元素有效，对块内元素无效！ 方法一：添加标尺的方法 1.给当前元素设置元素类型为inline-block并添加属性vertical-align: middle; 2.给当前元素添加一个同辈的元素并且和当前元素之间不能有空格和回车，给这个同辈元素设置元素类型为 阅读全文
posted @ 2020-03-01 00:19
我是乐呀
阅读(597)
评论(0)
推荐(0)
摘要：
首先谈一下什么是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
我是乐呀
阅读(538)
评论(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
我是乐呀
阅读(356)
评论(0)
推荐(0)
摘要：
溢出属性： （重要） overflow :visible/hidden/scroll/auto/inherit 值 描述 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余 阅读全文
posted @ 2020-02-29 19:53
我是乐呀
阅读(143)
评论(0)
推荐(0)
摘要：
隐藏元素里面的文字方法： color:transparent; 设置按钮里的文字颜色为透明 font-size:0; 设置文字大小为0 ，不让文字显示 text-indent: -9999px; 让文字首行缩进，给一个足够大的负值，让文本超出元素以外显示 阅读全文
posted @ 2020-02-29 19:02
我是乐呀
阅读(318)
评论(0)
推荐(0)
浙公网安备 33010602011771号