detanx

一、input标签的placeholder的设置

input::-webkit-input-placeholder{ /*WebKit browsers*/
  //重置样式
}
  
input::-moz-input-placeholder{ /*Mozilla Firefox*/
  //重置样式
}

input::-ms-input-placeholder{ /*Internet Explorer*/ 
  //重置样式
}

  
二、input标签的获得焦点的边框设置

//在input的css中加
outline:none 
或 
outline:medium;

input{ outline:medium;}
 /*获取焦点*/
input:focus{ 
  border: 1px dolid #EEE;
 }

  
三、去掉列表的默认样式

li {
	list-style-type: none;
}
ol, ul {
	list-style: none;
}

  
四、自己所用的css reset

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "微软雅黑";
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

fieldset {
	margin: 60px 0;
	text-align: center;
	border-top: 2px solid #61CDE7;
}

legend {
	padding: 0 80px;
	font-size: 22px;
	color: #61CDE7;    
}

a {
	text-decoration: none;
}

a:hover {
	cursor: pointer;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

button {
	border: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: \'\';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

  

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-13
  • 2021-07-10
  • 2021-11-13
  • 2021-11-13
  • 2021-11-13
猜你喜欢
  • 2021-11-13
  • 2021-11-13
  • 2021-11-13
  • 2021-11-13
  • 2021-11-13
  • 2021-11-13
相关资源
相似解决方案