首页 > Web开发 > 详细

css 清除一些默认的设置

时间:2018-08-01 17:46:45      阅读:170      评论:0      收藏:0      [点我收藏+]

一、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;
}

  

css 清除一些默认的设置

原文:https://www.cnblogs.com/detanx/p/cssReset.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!