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:
-
- <script>alert(11)</script>
-
- :kaixin: :haha:
-
- 666 :kaixin:
-
文章标签更多