- 博客(5)
- 收藏
- 关注
RSS订阅原创 图片精灵技术
图片精灵技术：CSSSprites技术前言一、background-position设置总结 前言 图片精灵技术的作用就是为了减轻服务器负载，提高哦网页加载速度，将网页需要多个小图片整合成一张大图上，原先需访问多次服务器获取图片，现只获取一张图片即可。 一、background-position设置 使用起来也比较简单： 图片： 编写代码： <style type="text/css"> .parent{ border: 1px solid peru; width: .
2020-10-26 18:13:19
765
原创 区别块级和行内，以及opacity\visibility\display:none
区别块级和行内，以及opacity\visibility\display:none前言一、块级元素与行内元素1、块级元素与行内元素的区别通过设置display时块级与行内转换二、opacity、visibility、display：none1.opacity：0 不透明度2.visibility=hidden 元素不可见3.display:none 显示总结 前言 区别块级元素与行内元素区别和相互怎么转换，还有隐藏元素时用到的三个不同属性的区分，各自有什么不同 提示：以下是本篇文章正文内容 一、块级.
2020-10-26 17:16:44
177
翻译 垂直居中问题
遇到过很多居中问题，div水平居中，文本居中等等 居中问题前言一 文本居中二 div居中1.margin:auto法2.margin负值法3.设置父元素display:flex4. 父元素的display:table-cell总结 前言 因为在写代码，或者刷题的时候都很容易遇到水平居中问题，然后有时候没有整理出来，过段时间就容易记混淆，所以来理顺一下 提示：以下是本篇文章正文内容 一 文本居中 文本居中：text-align:center， 行距：line-height：div/2 元素的垂直对齐方式
2020-10-26 16:36:06
85
原创 CSS级联问题与继承
CSS级联问题前言一、级联产生的原因二、级联的优先级①!important声明② 特性值 (Specificity)③代码顺序总结 前言 css级联问题容易产生困扰，有时候疑惑为什么这里写的css样式不能显示出来，这就关系到级联问题 一、级联产生的原因 可以这么理解级联，当给一个元素设置不同样式的时候，最终采取什么样式的解决方案 二、级联的优先级 ①!important声明 优先级最大，当给一个元素设置的样式后面添加!important时，都会优先执行，但是不能多用，会改变级联中的工作方式。 ② 特性.
2020-10-26 14:34:55
236
原创 js中的经典题Foo.getName
js中的经典题Foo.getNameFoo.getName所涉及到的知识点先看看题目代码： Foo.getName所涉及到的知识点 先看看题目代码： function Foo() { getName = function () { alert(1); } return this; } Foo.getName = function () { alert(2); } Foo.prototype.getName = function () { alert(3); } var getName = function
2020-10-24 16:23:59
1842
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人