常用css样式

*{
	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
*/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值