lh_lh_24

CSS

HTML(10) JavaScript(67) OpenLayer(4) TypeScript(1) Vue(28) 前端工程化(14) 数据结构(2) 浏览器(12) 算法(28) 计算机网络(19)

/ 注册

全部文章 / CSS （共34篇）

CSS3 的 calc属性来自专栏

CSS3 的 calc属性参考：https://www.jianshu.com/p/b9bc930dd316 1. 简介 calc 是英文单词 calculate(计算) 的缩写，是 css3 的一个新增的功能，可以使用 calc() 给元素的 border、margin、pading、fon...

前端 CSS

2021-07-14

1 460

CSS 三栏布局来自专栏

CSS 三栏布局参考：https://blog.csdn.net/ganyingxie123456/article/details/77054124 三列布局又分为两种，两列定宽一列自适应，以及两侧定宽中间自适应两列定宽一列自适应： 1. float + margin HTML结构： <...

前端 CSS 布局

2021-07-14

1 362

隐藏页面元素来自专栏

隐藏页面元素 1. opacity: 0 该元素隐藏起来了，但不会改变页面布局。并且，如果该元素已经绑定一些事件，如 click 事件，那么点击该区域，也能触发点击事件的。 2. visibility: hidden 该元素隐藏起来了，但不会改变页面布局，不会触发该元素已经绑定的事件。 3. dis...

前端 CSS

2021-07-14

1 351

选择器来自专栏

选择器 id 选择器，class 选择器，标签选择器，伪元素选择器，伪类选择器等。 1. id选择器 id表示身份，在页面中元素的id不允许重复，因此id选择器只能选择单个元素。权重值：100 #id{ } 2. class选择器选择拥有该类别的多个元素。权重值：10 .class...

前端 CSS

2021-07-14

1 441

浮动清除来自专栏

浮动清除 1. 使用带 clear 属性的空元素在浮动元素后使用一个空元素如 <div class="clear"></div> ，并在CSS 中赋予 .clear{clear:both;} 属性即可清理浮动。亦可使用 <br class=&quo...

前端 CSS 浮动

2021-07-14

1 392

CSS position属性来自专栏

CSS position属性参考：https://zhuanlan.zhihu.com/p/34486016 position 属性规定元素的定位类型这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对...

前端 CSS 定位

2021-07-14

1 471

双边距重叠问题（外边距折叠）来自专栏

双边距重叠问题(外边距折叠) 多个相邻（兄弟或者父子关系）普通流的块元素垂直方向 marigin 会重叠折叠的结果为：两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。两个外边距一正一负时，折叠结果是两者的相加的和。

前端 CSS

2021-07-14

1 583

CSS3 动画和 js 动画来自专栏

CSS3 动画和 js 动画参考：https://zhuanlan.zhihu.com/p/25225016 1. CSS3 动画 1.1 优点（1）在性能上会稍微好一些，浏览器会对 CSS3 的动画做一些优化（比如专门新建一个图层用来跑动画）（2）代码相对简单 1.2 缺点（1）在动画...

前端 CSS

2021-07-14

1 376

水平垂直居中的方法来自专栏

水平垂直居中的方法 1. margin: auto法定位为上下左右为 0，margin：0 可以实现脱离文档流的居中。 div{ width: 400px; height: 400px; position: relative; border: 1px solid #465468; } im...

前端 CSS 垂直居中

2021-07-14

1 394

transition 和 animation 来自专栏

transition 和 animation 他们都是随时间改变元素的属性值 1. transition <div class="box"></div> .box { width: 200px; height: 200px; ...

前端 CSS

2021-07-14

1 440