好文分享

推荐教程：CSS视频教程 在前端工程师的日常工作中，使用 CSS 元素选择器是稀松平常的事；无论你是编写一般的 CSS 还是需要经过编译的 SASS，SCSS，LESS等，最终都被编译成一行一行的 CSS 样式属性，最终交给浏览器解析并套用。但是你想过没有这是如何实现的呢？ 浏览器渲染 我们先看一下…

CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑。 推荐教程：CSS视频教程 大小写不敏感 虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的 立即学习“前端免费学习笔记（深入）”； .test{ background-CO…

css3中让图像居中可以使用【align-items:center】元素和【justify-content:center】元素。align-items属性定义flex子项在flex容器的当前行的纵轴方向上的对齐方式。 方法： 采用 align-items:center(垂直居中)和justify-c…

CSS权重是指选择符的优先级，优先级高的css样式会覆盖优先级低的样式，优先级越高说明权重越高。当css选择规则的权重不同时，权值高的优先。当css选择规则的权值相同时，后定义的规则优先。 要知道什么是CSS的权重，那么我们必须先了解CSS样式的6种基础选择器：ID选择器、类选择器、属性选择器、伪类…

css预编译是指通过能读取文件的语言编写的插件把文件解析成css文件，因为它们的文件名都不是css，写法也不是纯css，而是无法被浏览器识别的，所以写完需要编译一下才能使用，这便是css预编译。 预编译原理 通过能读取文件的语言编写的插件把文件解析成css文件，因为他们的文件名都不是css，写法也不…

css设置图片的对比度的方法：可以利用【filter:contrast(%)】属性来设置图片的对比度，如【filter:contrast(0%)】。filter属性定义了元素的可视效果，如模糊、饱和度、对比度等。 属性介绍： filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。 …

css设置鼠标的形状的方法：可以利用cursor属性来进行设置，如【span.crosshair {cursor:crosshair;}】。cursor属性规定要显示的光标的类型，默认状态下光标是一个箭头。 cursor 属性规定要显示的光标的类型（形状）。 该属性定义了鼠标指针放在一个元素边界范围…

css中的流式布局是指页面中元素的宽度按照屏幕分辨率自动进行适配调整，它可以保证当前屏幕分辨率发生改变的时候，页面中的元素大小也可以跟着改变。 什么是流式布局 网页布局中包括:静态布局，流式布局，响应式布局和弹性布局几种情况。 （学习视频分享：css视频教程） 静态布局：指的就是网页中的所有元素都使…

css3是css技术的升级版，是一种用来表现HTML或XML等文件样式的计算机语言。css能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式。 CSS3是CSS（层叠样式表）技术的升级版本，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集…

用CSS调整背景图的大小的方法：可以利用background-size属性来进行调整，如【background-size:80px 60px;】。backgrond-size属性规定了背景图像的尺寸。 属性介绍： background-size 属性规定背景图像的尺寸。 （学习视频分享：css视频教…