好文分享

css calc()的作用是动态计算长度值，该函数允许我们在属性值中执行数学操作，使用语法如“.foo {  width: calc(100px + 50px);}”，该语句表示指定一个元素宽的固定像素值为多个数值的和。 推荐：《css视频教程》 css3的calc() 函数用于动态计算长度值。 c…

css放在头部的原因：这样会先加载css的样式，在渲染dom的时候已经知道了自己的样式，所以渲染一次即可成功。这种方式可以防止闪跳、白屏或者布局混乱的现象发生。 分析： 这样会先加载css的样式，在渲染dom的时候已经知道了自己的样式了，所以一次渲染即可成功，这样可以防止闪跳、白屏或者布局混乱的现象…

css中的弹性布局是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性布局模型的目的是提供一种更有效的方式来对一个容器的子元素进行排列、对齐和分配空白空间。 弹性布局介绍： 弹性盒子是 CSS3 的一种新的布局模式。 （学习视频分享：css视频教程） CSS3 …

css hack是通过在css样式中添加一些特殊符号，让不同的浏览器识别不同的符号，从而达到应用不同的css样式的目的。css hack的目的就是使我们的css代码能够兼容不同的浏览器。 CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的…

css把正方形变成圆形的方法：可以利用border-radius属性来实现，如【border-radius:150px】。border-radius属性允许我们为元素添加圆角边框。 本教程操作环境：windows10系统、css3，本文适用于所有品牌的电脑。 属性介绍： border-radius …

css将图片等比缩放的方法：可以利用object-fit属性来实现，如【object-fit: cover;】。object-fit属性指定元素的内容应该如何去适应指定容器的高度和宽度。 属性介绍： object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 （学习视频分享：css…

css实现圆形进度条的方法：首先画一个方形；然后在方形中画两个等大均分方形的矩形；最后使用css3的“transform:rotate”属性将叠加环形根据实际百分比换算成实际的旋转角度即可。 推荐：《css视频教程》 进度条效果如下： 整圆的效果处理会简单些，不完整环实现起来细节多点。下边是实现逻辑…

css设置不能选中文字的方法：可以利用user-select属性来进行设置，如【user-select:none】。user-select属性是css3中新增的，用来控制内容的可选择性。 属性介绍： user-select是在css3 UI规范中新增的一个功能，用来控制内容的可选择性。 （学习视频分…

css中的流体布局是指当网页缩小或放大时，网页布局会随着浏览器的大小而改变。流体布局的优势是如果用户的窗口很小，页面就会收缩以适应窗口，而不必横向滚动。 流体布局： 简单来说就是网页缩小和放大时网页布局会随着浏览器的大小而改变！ （学习视频分享：css视频教程） 优势： 立即学习“前端免费学习笔记（…

css中给整个页面添加背景颜色的方法：可以利用background-color属性来添加背景颜色，如【background-color:yellow;】。background-color属性用于设置一个元素的背景颜色。 background-color属性设置一个元素的背景颜色。 元素的背景是元素的…