TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字
html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。
把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。
这样，当浏览者使用TAB键在网页控件中移动时，将首先移动到具有最小tabInd...
css 包含的图片和style="display:none"可以避免图片加载，可以节省网络流量
css 包含的图片和style="display:none"可以避免图片加载，可以节省网络流量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document&l...
HTML5 video标签视频比例拉伸
视频设置固定宽度高度，视频可以拉伸
<video class="videoContent pc" muted autoplay="true" loop preload="auto" style="object-fit:fill;">
<source src="http://clips.vor...
用 CSS 实现打印显示底色，背景色background-color
表格表头有背景颜色，但是实际打印出来无背景颜色
如下设置：
解决办法：
3.直接用CSS 控制，此法有效，简单~直接上代码：
@media print {
.receipt-print .table th {
backgro...
vscode中修改emmet代码，动画执行时间修改animation-duration: 0 s;
vscode中使用emmet语法生成动画执行时间，数字和单位秒直接多了个空格，导致不起作用
把空格删了，还浪费时间，所以需要修改下emmet代码，解决问题
1，找到文件C:\Program Files\Microsoft VS Code\resources\app\extensions\emmet\dist\nod...
一个标签创建多个 class：div.box1.box2.box3
一个标签创建多个 class：div.box1.box2.box3
<div class="box1 box2 box3"></div>
css设置字母大小写text-transform:capitalize|uppercase|lowercase
css设置字母大小写text-transform:capitalize|uppercase|lowercase
<style>
.p1{
text-transform:capitalize;
}
.p2{
text-transform:uppercase;
...
border-radius(CSS3属性)
一、border-radius 完整写法：
border-radius:为元素添加圆角边框。
border-radius:10px 20px 30px 40px/40px 30px 20px 10px
“/”前的四个数值表示圆角的水平半径，后面四个值表示圆角的垂直半径。
水平半径和垂直半径表示如下：
比如：
border-radius...
CSS3使用writing-mode让文字自上而下，自右向左排列
CSS3使用writing-mode让文字自上而下，自右向左排列
通常我们网页上的文字在缺省状况下是从左到右横向排版的，但有些情况下，为了排版效果，或为了更好的利用页面空间，我们需要将文字竖向排版。
writing-mode是CSS3里新引入的可以让文字竖向排版的属性。它不仅可以让文字竖向，还可以让文字从右往左排。这个CS...
input 无法输入内容font-size: 0px;
input 无法输入内容，输入之后不显示。
比较奇怪的是，单独input框可以输入内容，加上form就不能输入了。
经查找，发现有css给form表单设置了font-size: 0px;，所以导致输入内容不显示。删除该css属性就可以了。
两个元素设置display: inline-block之后宽度50%不能在一行显示
两个元素设置display: inline-block之后宽度50%不能在一行显示
解决方法一：
删除两个元素之间的空格
解决方法二：
在父级容器设置font-size: 0;
图片变形处理，设置属性object-fit: cover完美解决！
上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。
object-fit理解
CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：cover, contain等。
obj...
css伪元素::after实现箭头
css伪元素::after实现箭头
效果如图，鼠标经过右箭头变成下箭头
<div class="main_lt d-flex flex-column">
<a href="" class="active">公司简介</a>
&...
CSS filter属性
filter
将模糊或者颜色偏移等图像效果用于元素，通常用于调整图像，背景和边框的渲染
css 标准中已内置一些预定义效果的函数，也可通过url使用SVG滤镜
语法
/* URL to SVG filter */
filter: url(filter.svg#id);
/* <filter-function&...
背景图片大小background-size值：cover、100%和contain的区别
background-size：contain；等比缩放，按照某一边来覆盖显示区域的，若区域大于图片的比例，会有白边，图片不会变形
background-size：cover;---把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。
background-size：10...
css绝对定位如何居中
1、兼容性不错的主流css绝对定位居中的用法：
注意：这种方法有一个很明显的不足，就是需要提前知道元素的尺寸。否则margin负值的调整无法精确。此时，往往要借助JS获得。
.conter{
width: 600px;
height: 400px;
position: absolute;
left: 50...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2344
35
分类目录
最新评论
- :weixiao:
-
评 留言
- 有啥好的解决方法不 :weiqu:
-
评 TP6模型事件-查询后onAfterRead不好用
- <script>alert(11)</script>
-
评 留言
- :kaixin: :haha:
-
评 phpExcel列数据自动换行的方法->getAlignment()->setWrapText(true);
- 666 :kaixin:
-
评 return和return false的区别
文章标签更多