search
HomeWeb Front-endCSS TutorialCSS common properties
CSS common propertiesDec 15, 2016 pm 02:06 PM
css properties

这是我们开发团队默认的样式表 希望大家补充

/* 
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)!


Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
创造动态背景效果:CSS属性的灵活运用创造动态背景效果:CSS属性的灵活运用Nov 18, 2023 pm 03:56 PM

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

Angular组件及其显示属性:了解非block默认值Angular组件及其显示属性:了解非block默认值Mar 15, 2024 pm 04:51 PM

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

html虚线边框怎么设置html虚线边框怎么设置Apr 05, 2024 am 09:36 AM

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

如何利用CSS3属性实现网页文字的环绕效果?如何利用CSS3属性实现网页文字的环绕效果?Sep 08, 2023 am 10:30 AM

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

实现炫酷滚动效果的CSS属性技巧实现炫酷滚动效果的CSS属性技巧Nov 18, 2023 am 09:08 AM

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

如何解决WordPress网站头部错位问题?如何解决WordPress网站头部错位问题?Mar 01, 2024 am 09:54 AM

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

html滚动条怎么做html滚动条怎么做Feb 22, 2024 pm 03:24 PM

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

优化网页排版的CSS属性使用指南优化网页排版的CSS属性使用指南Nov 18, 2023 am 11:51 AM

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

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

Safe Exam Browser

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

SublimeText3 English version

Recommended: Win version, supports code prompts!

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)