*{
margin:0;
border:0;
}
text-decoration:none 清除a标签下划线
ul,li{list-style:none;}
.clear{clear:both;} /* 清除浮动 */
/* 视频显示 */
/* <embed src="__IMA__ship.mp4" width="700px" height="600px"></embed> */
/* * * * * * * * * * 常用标签 * * * * * * * * * */
box-sizing: border-box; 将边框包含在内部 不占宽高
overflow:auto 清除浮动
opacity 透明度
padding: 内边距
margin:auto 盒子居中
float-right 右浮
line-height 行高
padding-left:0px 清除[ul] 默认填充
text-align:center 字体居中
dashed 虚线
solid 实线
font-weight:bold 字体加粗
font-family:"宋体" 字体样式
font-family:Microsoft YaHei;
position:relative 相对定位
position:absolute 绝对定位
position:fixed 固定定位
display:none 隐藏
text-transform:uppercase 转换成大写
border-radius 倒角
text-indent:3.5em 首行缩进
z-index 优先级
cursor:pointer 小手标志
list-style:none 去除li标签点
</textarea> 可拉动输入框
background-position no-repeat 背景图片点位
desc 降序
asc 升序
letter-spacing:5px 字体间距
text-decoration: underline 给字体添加下划线
nth-of-type(1) 选择第几个标签
last-child 最后一个
transform:rotateY(180deg) 旋转
vertical-align: middle 垂直对齐一幅画
focus 焦点伪类
text-shadow: 1px 0px 0 #29b9dd 外发光
justify-content:space-between 盒子之间留有空白
display:flex 字体横放
transition:all 0.4s linear 0.1s 显示时间
overflow:hidden 溢出隐藏
text-indent:10px 字体移动
!important 样式优先权
display:inline-block 块状元素
background:rgba() 透明度
align-items:center 文字上下居中
box-shadow:0 2px 7px #ccc 盒子边框效果
transform: translate(0,60%) 图片上下居中
text-overflow: ellipsis; 溢出变成省率号
white-space: nowrap;
overflow:hidden; 溢出隐藏
overflow-y: scroll; 滑动框
overflow-x: scroll;
闪动
animation:myfirst 1s infinite;
-moz-animation:myfirst 1s infinite; /* Firefox */
/* -webkit-animation:myfirst 0.5s infinite; */ /* Safari and Chrome */
-o-animation:myfirst 1s infinite; /* Opera */
@keyframes myfirst{
from{background:#CE0E0F;}
to{background:#FA8B11;}
}
@-webkit-keyframes myfirst{
from{background:#CE0E0F;}
to{background:#FA8B11;}
}
@media screen and (min-width: 640px) and (max-width: 1440px) {} 屏幕大于640px时
@media screen and (min-width: 320px) and (max-width: 375px) {} 屏幕小于375px是
/*
*黑客工具网
*https://jingyan.baidu.com/article/636f38bb28179cd6b8461022.html
*/
常用css样式
于 2022-03-25 11:37:26 首次发布