搜 索

常用的网页元素重定义全局css代码

编辑:QTOOL.NET日期:2019-02-04104

在网页设计时,有时候为了方便会进行一些全局css的定义,以下为常见的几种网页元素的css全局定义代码

 /** 设置页面默认字体 **/
 body,button, input, select, textarea {
 font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif; }
 h1, h2, h3, h4, h5, h6 { font-size: 100%; }
 em{font-style:normal;}
/** 清除各种元素的内外边距 **/
 body, h1, h2, h3, h4, h5, h6, hr, p,
 blockquote, /* structural elements 结构 */ 
 pre, /* text formatting elements 文本格式元素 */
 dl, dt, dd, ul, ol, li, /* list elements 列表 */
 form, fieldset, legend, button, input, textarea, /* form elements 常见的表单 */
 th, td, /* table elements 表格 */
 img/* img elements 图片 */{
 border:medium none;
 margin: 0;
 padding: 0;
 }
 /** 重置超链接 **/
 a { text-decoration: none; color:#333;}
 a:hover { text-decoration: underline; color:#F40; }
 /** 重置列表 **/
 ul, ol { list-style: none; }
 /** 重置表格 **/
 table { border-collapse: collapse; border-spacing: 0; } 
/** 重置图片 **/
 img{ border:0px;}

常用的css全局代码示例图
当定义好这些网页元素后,之后被定义的属性就无需多次重复书写定义了.

TAG标签:css
此文章由QTOOL.NET编辑
最新文章

热门标签