常用网页标签重置CSS

做前端开发时常需要将网页中所有标签的格式清空,从而使各个浏览器标签样式一样。以下是网络上常见的CSS代码
/* =s Reset (by YUI 3) */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:‘‘;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */
时间: 2024-10-14 07:35:51

常用网页标签重置CSS的相关文章

网页设计:重置CSS样式表

转自豆瓣:http://www.douban.com/note/330400235/ 网页设计,让人最头疼的莫过于让页面兼容各大浏览器,准确些是兼容它们“默认”的CSS样式表.这样,“抹掉”这些默认样式表成了首要问题,也就有了CSS样式表重置一说,目前用的最多的,也是自己现在正在用的方法是,添加以下代码: 第一种方式 * {margin:0px; padding:0px;} 现在众多的设计师发现,这行代码虽然简单,但却让网页解析太慢,呵呵,当然了,自己是业余的,不用太在意.于是出现了几种CSS重

HTML常用标签及CSS样式选择器

HTML常用标签及CSS样式选择器 html部分 <!DOCTYPE html> <html> <head> <!--头标记 写描述性的信息(css\javaScript)--> <!--引入外部的样式文件 rel:relationship的英文缩写·REL属性用于定义链接的文件和HTML文档之间的关系 --> <link rel="stylesheet" type="text/css" href=&

DIV+CSS常用网页布局技巧!

以下是我整理的DIV+CSS常用网页布局技巧,仅供学习与参考! 第一种布局:左边固定宽度,右边自适应宽度 HTML Markup <div id="left">Left sidebar</div>  <div id="content">Main Content</div> CSS Code <style type="text/css"> *{    margin: 0;    paddi

伪类的用法以及css一些常用的标签

伪类的用法: :link 表示该超链接文字尚未被点选 :visited 表示该超链接文字已被点选过 :active 表示该超链接文字正被点选,但未被放开 :hover 表示当鼠标停留在文字上 css的一些常用属性标签: background:背景颜色 padding(内边框):padding-top(上边距) padding-left(左边距) text-align left 文字靠左right 文字靠右center 文字靠中 background-size:cover 背景填充 原文地址:ht

html常用的标签

<!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> <meta http-equiv="Content-

python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器

python3.5 manage.py runserver python Django教程 之模板渲染.循环.条件判断.常用的标签.过滤器 一.Django模板渲染模板 注: 本节代码是基于 Django 1.8,但 Django 1.4 - Djagno 1.9 操作流程也是一样的. 后文给出示例代码可以在 Django 1.4.x 到 Django 1.9.x 上运行. 不过还是强调一点,一点要动手敲代码!不要偷懒哦,动手才能学到真东西. 1. 创建一个 zqxt_tmpl 项目,和一个 名

2015年9月16日html第一节课(初识html、常用html标签、相对路径)

一.什么是html html是一种超文本标记语言. 主体架构如下: <html> <head> <title>我的第一个html页面</title> </head> <body> hello world! </body> </html> 注意小点:html默认的编码版本是utf-8.另外一种是gb2312.当有时候我们打开别人的源码发现是乱码的时候,可以看一下编码版本.编码版本不同会造成乱码. 二.常用的标签(

常用HTML标签元素结合及简介

常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题        <h1></h1> 最大的标题<pre></pre> 预先格式化文本          <u></u> 下划线<b></b> 黑体字 

jQuery中常用网页效果应用

一.常用网页效果应用 1.表单应用 表单由表单标签.表单域和表单按钮组成. 1.1单行文本框应用 例:获取和失去焦点改变样式 首先,在网页中创建一个表单,HTML代码如下 <form action="" method="post" id="regForm"> <fieldset> <legend>个人基本信息</legend> <div> <label for="user