
css-盒子模型
盒子模型(CSS重点) 目标: 理解:能说出盒子模型有那四部分组成 能说出内边距的作用以及对盒子的影响 能说出padding设置不同数值个数分别代表的意思 能说出块级盒子居中对齐需要的2个条件 能说出外边距合并的解决方法 应用: 能利用边框...

盒子模型(CSS重点) 目标: 理解:能说出盒子模型有那四部分组成 能说出内边距的作用以及对盒子的影响 能说出padding设置不同数值个数分别代表的意思 能说出块级盒子居中对齐需要的2个条件 能说出外边距合并的解决方法 应用: 能利用边框...

行高的用途 1、可以将行高设置为和高度一样的值,使单行文字在一个元素中垂直居中显示height:200px;line-height:200px;2、行高(line-height)– 行高指文字占有的实际高度– 可以通...

filter(滤镜) 属性 html{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);//将图像转换为灰度图像。-web...

一、后代选择器 <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\...

语法 background: linear-gradient(direction,color-stop1,color-stop2,...); direction:用角度值指定渐变的方向(或角度)。 color-stop1,color-sto...

前端 css3,filter实现不但可以实现网页灰色效果,还可以辅助实现黑夜模式效果。我们来看看实现方式吧! filter属性介绍 filter: none | blur() | brightness() | contrast() | dr...

在写样式时,往往是添加了一个样式,又或者是修改了某个属性,就达到了我们的预期。而BFC就潜藏在其中,当你修改样式时,一不小心就能触发它而毫无察觉,因此没有意识到BFC的神奇之处。 一、什么是BFC(Block Formatting Cont...


设置display:flex后,子元素在没有超过指定宽度的时候,子元素的宽度是有效的,但超过指定宽度 的话,子元素的宽度就无效了,可以在子元素中添加一下样式就可以解决了 flex-shrink:0 flex-shrink 属性指定了 fle...

css 文本背景色透明 Introduction: 介绍: In web development, there are numerous ways by which we can style our websites or web page...