公共样式base.css

/*公共样式*/
/*css初始化*/
html,body,ul,li,ol,ul,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset{
	margin: 0;
	padding: 0;
}
/*fieldset组合表单中的相关元素*/
fieldset,img,input,button{
	border: none;
	padding: 0;
	margin: 0;
	outline-style: none;
}
/*清除列表风格*/
ul,ol{
	list-style: none;
}
input{
	padding-top: 0;
	padding-bottom: 0;
	font-family: "simsun","宋体";
}
select,input{
	vertical-align: middle;
}
select,input,textarea{
	font-size: 12px;
	margin: 0;
}
/*防止多行文本拖拽*/
textarea{
	resize: none;
}
/*去掉图片底侧默认的3像素空白空隙*/
img{
	border: 0;
	vertical-align: middle;
}
/*合并外边线*/
table{
	border-collapse: collapse;
}
body{
	font: 12px/150% arial,verdana,"\5b8b\4f53";
	color: #666;
	background: #fff;
}
.clearfix:before,.clearfix:after{
	content: "";
	display: table;
}
.clearfix:after{
	clear: both;
}
.clearfix{
	*zoom: 1;
}
a{
	color: #666;
	text-decoration: none;
}
a:hover{
	color: #c81623;
}
h1,h2,h3,h4,h5,h6{
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
}
s,i,em{
	font-style: normal;
	text-decoration: none;
}
.col-red{
	color: #c81623 !important;
}
/*公共类*/
.w{
	width: 1210px;
	margin: 0 auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.al{
	text-align: left;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.hide{
	display: none;
}

公共样式pc端

原文地址:https://www.cnblogs.com/gxywb/p/11909974.html

时间: 2024-11-05 18:46:28

公共样式base.css的相关文章

页面样式base.css

[color=rgb(0, 0, 0)][color=rgb(70, 70, 70)]第一次发笔记,下面是我用过多次的base.css.欢迎各种建议吐槽.大家共同进步{:4_173:}[color=rgb(0, 0, 0)][color=rgb(70, 70, 70)] [color=rgb(0, 0, 0)][color=rgb(70, 70, 70)]书上看到的:[color=rgb(0, 0, 0)][color=rgb(70, 70, 70)]body, div, dl, dt, dd,

整理base.css,重设浏览器样式

有的时候,可以把自己经常写的代码整理一下,分文别类,用的时候,拿过来直接用就可以了,可以节约很多时间,提高工作效率.所以,每个人都要有自己的代码库.点击下载 1 /* 2 * @Author: liubeimeng 3 * @Date: 2015-11-11 10:22:02 4 * @Last Modified by: liubeimeng 5 * @Last Modified time: 2015-11-11 10:33:18 6 * @名称:base.css 7 * @功能:1.重设浏览器

CSS覆盖公共样式中的某个属性

CSS如何覆盖公共样式中的某个属性?利用CSS样式的优先级. 如下例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g

(转)我的 css 框架——base.css

原文链接:http://www.cnblogs.com/yjzhu/archive/2012/11/05/2755095.html@charset "utf-8"; /*! * @名称:base.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { background:white; color:black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,

base.css

1 @charset "utf-8"; 2 /*! 3 * @名称:base.css 4 * @功能:1.重设浏览器默认样式 5 * 2.设置通用原子类 6 */ 7 /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ 8 html { 9 background:white; 10 color:black; 11 } 12 /* 内外边距通常让各个浏览器样式的表现位置不同 */ 13 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h

css之去除html标签默认的外边距margin和内边距padding,通用工具类 base.css

@charset "utf-8"; /*! * @名称:base.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { background:white; color:black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,le

不解释,分享这个base.css

@charset "utf-8"; /*! * @名称:base.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { background:white; color:black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,le

HTML+CSS样式设置——CSS一学就会

HTML+CSS样式设置 CSS:(Cascading Style Sheets)层叠样式设置表. 网页的展示效果跟其排版有很大的关系.排版则主要依靠CSS来设置.调节. 下面说CSS与HTML的联合使用的过程: (1)新建CSS文件(一般放在与HTML文件同一路径下的css文件夹中) (2)在HTML的<head>标签中,用<link />对CSS进行引用 <link rel="stylesheet" type="text/css" 

BootStrap之基础-2 CSS样式(全局CSS样式)

一.全局CSS样式 概述 - HTML5文件类型 - BootStrap使用到的某些HTML元素和CSS属性需要将页面设置为HTML5  - 移动设备优先 - 为了确保适当的绘制和触屏缩放,需要在<head>之中添加viewport元数据元素 CSS全局样式 - 为body元素设置 background-color: #fff; - 使用 @font-family-base.@font-size-base 和 @line-height-base a变量作为排版的基本参数 - 为所有链接设置了基