flex布局的优缺点是：1、flex布局优点在于其容易上手，根据flex规则很容易达到某个布局效果；2、缺点是浏览器兼容性比较差，只能兼容到ie9及以上。本文操作环境：Windows7系统，css3版本，Dell G3电脑。推荐：css视频

2022-02-11 16:33点击阅读

CSS 9pt等于12px。pt和px的计算公式为“pt=px*dpi/72”，而以Windows下的96dpi（默认）来计算，“9pt = 9 * 1/72 * 96 = 12px”。本教程操作环境：windows7系统、css3版、De

2022-02-11 16:33点击阅读

响应式布局有的方法有：1、媒体查询；2、百分比【%】；3、vw或vh，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度；4、rem单位是相对于字体大小的html元素；5、flex弹性布局。本教程操作环境：windows10系统、cs

2022-02-11 16:33点击阅读

方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：windows7系统、css3&&html5版、Dell G3电脑。（

2022-02-11 16:33点击阅读

float高度不一致导致错位的解决办法：1、给换行开始的第一个元素加上“clear:left;”；2、给父元素定义“font-size:0;”，再定义“display:inline-block;vertical-align:top;”即可。

2022-02-11 16:33点击阅读

css放上面js放下面的原因：1、在加载html生成DOM tree的时候，可以同时对DOM tree进行渲染，这样可以防止闪跳，白屏或者布局混乱；2、javascript加载后会立即执行，同时会阻塞后面的资源加载。本文操作环境：Windo

2022-02-11 16:33点击阅读

css中可利用overflow属性来设置一行字显示不完就隐藏；只需给文字的盒子元素添加“overflow:hidden;”样式，设置当内容溢出元素框时，将文字内容修剪，且溢出部分不可见即可。本教程操作环境：windows7系统、css3&&

2022-02-11 16:33点击阅读

css让字体变细的方法：可以利用font-weight属性来实现，如【font-weight: lighter;】。font-weight属性是用来设置字体的粗细效果的，属性值lighter表示更细的字符。本文操作环境：windows10系

2022-02-11 16:33点击阅读

区别：CSS外链式是将css代码单独写一个以“.css”为扩展名的文件中，然后使用link标签链接到html中。CSS内联式是直接使用style属性将css代码写在HTML标签中。内联式的权重高于内联式。本教程操作环境：windows7系统

2022-02-11 16:33点击阅读

css有继承关系。CSS继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代；也就是说：设置了上级（父级）的CSS样式，上级（父级）及以下的子级（下级）都具有此样式。本教程操作环境：windows7系统、css3版

2022-02-11 16:33点击阅读

本篇文章分两种场景给大家介绍一下CSS实现半透明边框与多重边框效果。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。（学习视频分享：css视频教程）场景一：实现半透明边框：由于CSS样式的默认行为，背景色的渲染范围是 con

2022-02-11 16:33点击阅读

（学习视频分享：css视频教程）在开发中，有时遇到需要给背景层加颜色遮罩的项目，现在特定总结一下给背景图层加颜色遮罩的方法。方法一：通过定位叠加(注意层级)

css设置图片平移的方法：1、通过“translate(x,y)”属性使元素在x轴和y轴方向同时移动；2、通过“translate X(x)”属性使元素仅在x轴方向移动；3、通过“translateY(y)”属性使元素仅在y轴方向移动即可。

2022-02-11 16:33点击阅读

最近项目中要做一个领积分的效果，根据老板的描述，这个效果类似于支付宝蚂蚁森林里的领取能量。整体效果是就是在树周围飘着几个积分元素，上下滑动，类似星星闪烁，点击领取后，沿着树中心的位置滑动并消失，树上的能量递增，最后膨胀，变大一点。1. 整体

2022-02-11 16:33点击阅读

本篇文章给大家分享5种很常用的CSS3网页小效果。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。教程推荐：css视频教程第一种效果：由于录制gif图片会掉帧，所以看起来不流畅，很卡，但其实实际效果还是不错的，有弹性一些。h

2022-02-11 16:33点击阅读

css的核心技术有：1、浮动float，让原来的元素脱离文档流，实现左右排列；2、定位position，relative即使偏移，原始位置还在；3、行高【line-height】，默认字体大写为16px。本教程操作环境：windows10系

2022-02-11 16:33点击阅读

css让连续数字字母换行的方法：首先创建一个HTML示例文件；然后使用“word-wrap: break-word;”属性让连续数字字母强制换行即可。本教程操作环境：windows7系统、HTML5&&CSS3版本、Dell G3电脑。推荐

2022-02-11 16:33点击阅读

CSS %单位的特点：1、百分比是一个相对长度单位，相对于父元素的尺寸；2、对于“position: absolute;”的元素是相对于已定位的父元素；3、对于“position: fixed;”的元素是相对于ViewPort。本文操作环境

2022-02-11 16:33点击阅读

css设置text不可编辑的方法：1、通过“οnfοcus=this.blur()”方法设置text不可编辑；2、使用readonly属性设置输入字段为只读；3、使用disabled属性设置禁用input元素即可。本教程操作环境：windo

2022-02-11 16:33点击阅读

css让图片横着排列的方法：首先创建一个div来包裹所有的图片；然后隐藏外层div在纵向的滚动条，将横向滚动条设置为自动；最后设置外层div的white-space属性值为nowrap即可。本教程操作环境：windows7系统、HTML5&

2022-02-11 16:33点击阅读