码迷,mamicode.com
首页 > Web开发 > 详细

css常用元素通用样式表

时间:2020-02-23 20:23:11      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:res   web   pil   img   设置   pad   har   idt   width   

@charset "utf-8";
html,
body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
b,
i,
em,
s,
u,
dl,
dt,
dd,
ul,
ol,
li,
strong,
span,
table,th,tr,td,
img,
div,
form,fieldset,legend,
input,
button,
select,
option,
textarea,
label,
iframe {
margin: 0;
padding:0
}
a{
text-decoration: none;
}
ol,ul,li{
list-style: none;
}
html,body{
height: 100%;
}
textarea{ /* 文本域拉伸,根据需求而定 */
resize: none;
}

input,button,textarea{
outline: none;
}

img{
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic;
}
input,input[type=submit],
[type=reset],[type=button]{
-webkit-appearance: none;
resize: none;
}

.clear_fix::after{
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
/* 设置背景文字颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
color: #ccc;
}
/* 单行溢出 */
.spill{
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
/* 多行溢出 */
.spills{
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
}

 

css常用元素通用样式表

标签:res   web   pil   img   设置   pad   har   idt   width   

原文地址:https://www.cnblogs.com/fjxylin/p/12353360.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!