这是我们开发团队默认的样式表 希望大家补充
/*
Author: cuikai
*/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
/* font */
.f12{font-size:12px!important}
.f14{font-size:14px!important}
.bold{font-weight:bold}
.normal{font-weight:normal}
.font_none{font-size:0px; line-height:0px}
/* color */
.red , .red a{color:#f00!important}
.gray, .gray a {color:#666!important}
.green , .green a {color:#76c56a!important}
.orange, .orange a {color:#fd864a!important}
/*layout*/
.block{display:block}
.hidden{display:none}
.bg_none{background:none!important}
.float_left{float:left}
.float_right{float:right}
.clear{clear:both!important}
.margin_10{margin:10px}
.margin_20{margin:20px}
.margin_top{margin-top:10px}
.margin_right{margin-right:10px}
.margin_bottom{margin-bottom:10px}
.margin_left{margin-left:10px}
.padding_10{padding:10px}
.padding_20{padding:20px}
.padding_top{padding-top:10px}
.padding_right{padding-right:10px}
.padding_bottom{padding-bottom:10px}
.padding_left{padding-left:10px}
.nopadding{padding:0!important}
/*
Author: guoxiaoling
*/
/*
Author: shiwenliang
*/* { margin:0; padding:0;}
html { text-align:center; background:#fff;}
body { width:960px; position:relative; margin:0 auto; padding:10px 0; text-align:left; font:12px/1.6em Tahoma,Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; color:#666;}
h1, h2, h3, h4, h5, h6 { font-size:100%;}
address, caption, cite, code, dfn, em, strong, th, var,b,i { font-style:normal; font-weight:normal;}
table { border-collapse:collapse; border-spacing:0; empty-cells:show;}
ol, ul { list-style:none outside;}
:focus { outline :0;}
fieldset, img { border:0;}
caption, th { text-align :left;}
q:before, q:after { content:'';}
a { text-decoration:none; }
a:hover { text-decoration:underline;}
input,select,textarea { font-size:12px; padding:2px;}
.clearfix { overflow:hidden; zoom:1;}
以上就是CSS公用属性的内容,更多相关文章请关注PHP中文网(www.php.cn)!

创造动态背景效果:CSS属性的灵活运用在网页设计中,背景效果是非常重要的一部分,它可以为网站增添生动的氛围,提升用户体验。CSS作为网页样式设计的关键语言,充分发挥了灵活性和多样性,提供了丰富的属性和技巧来创造各种动态背景效果。本文将通过具体的代码示例,介绍一些常见的CSS属性的灵活运用,以实现精彩的动态背景效果。1.渐变背景渐变背景可以为网页增添魅力,让

Angular框架中组件的默认显示行为不是块级元素。这种设计选择促进了组件样式的封装,并鼓励开发人员有意识地定义每个组件的显示方式。通过显式设置CSS属性 display,Angular组件的显示可以完全控制,从而实现所需的布局和响应能力。

HTML中可以通过CSS的border-style属性将边框设置为虚线:确定要设置虚线边框的元素,例如使用p元素表示段落。使用border-style属性设置虚线样式,例如dotted表示小圆点状虚线,dashed表示短划线虚线。设置边框其他属性,如border-width、border-color和border-position,以控制边框宽度、颜色和位置。

如何利用CSS3属性实现网页文字的环绕效果?在现代网页设计中,文字环绕效果是一种常见且有趣的展示方式。通过利用CSS3属性,我们可以轻松实现网页文字的环绕效果。本文将介绍一些常用的CSS3属性以及它们在实现文字环绕效果中的应用。一、float属性float属性是CSS中用来设置元素浮动的属性。结合clear属性,可以实现文字环绕图片的效果。下面是一个示例:&

实现炫酷滚动效果的CSS属性技巧,需要具体代码示例CSS是网页设计中不可或缺的一部分,通过CSS可以实现各种各样的效果来提升网页的交互体验。其中,滚动效果是一种非常常见也非常炫酷的效果,它可以使网页元素以流畅的动画效果滚动到指定位置。本文将介绍一些实现炫酷滚动效果的CSS属性技巧,并提供具体代码示例。一、使用CSS属性scroll-behavior实现平滑滚

如何解决WordPress网站头部错位问题?当你在WordPress网站上遇到头部错位的问题时,可能会让你感到困惑和沮丧。这种问题可能由于多种原因引起,比如CSS样式错误、Javascript冲突、插件问题等。在本文中,我们将讨论如何解决WordPress网站头部错位问题,并提供具体的代码示例。1.检查CSS样式首先,检查你的主题CSS样式表是否有错误或冲

HTML滚动条怎么做,需要具体代码示例在网页设计中,滚动条是一个常见的元素,它可以使网页在内容过多的情况下,能够方便地滚动查看。本文将介绍如何使用HTML创建滚动条,并提供具体的代码示例。首先,我们需要了解HTML中创建滚动条的基本原理。HTML中可以使用CSS样式来控制滚动条的外观和行为。具体来说,我们可以使用CSS属性对滚动条进行设置,其中常用的属性有o

优化网页排版的CSS属性使用指南在现代网页设计中,好的排版是不可或缺的一部分。正确使用CSS属性可以有效地改善网页排版的质量和用户体验。本文将为您介绍一些常用的CSS属性以及示例代码,帮助您优化网页排版。一、字体属性font-size:控制字体的大小,可以使用像素、百分比或者em作为单位。例如:p{font-size:16px;}font-fam


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SublimeText3 English version
Recommended: Win version, supports code prompts!

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)
