标准css文件开头怎么写?

html-css015

标准css文件开头怎么写?,第1张

/*全局样式*/

*{padding:0margin:0}

div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0}

img,input{border:nonevertical-align:middle}

body{font-family:Tahoma,Arial,Helvetica,"宋体"font-size:12pxtext-align:centerbackground:#FFFcolor:#000}

html{overflow-y:scroll}

ul,ol{list-style-type:none}

th,td,input{font-size:12px}

h3{font-size:14px}

button{border:nonecursor:pointerfont-size:12pxbackground-color:transparent}

select{border-width:1px_zoom:1border-style:solidpadding-top:2pxfont-size:12px}

.clear{clear:bothfont-size:1pxheight:0visibility:hiddenline-height:0}

.clearfix:after{content:""display:blockclear:both}

.clearfix{zoom:1}

a:link,a:visited{text-decoration:nonecolor:#333}

a:hover,a:active{text-decoration:underlinecolor:#f60}

一般css两种写法

.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}

.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}

另一种是

.class{样式1:样式1

样式2:样式2

样式3:样式3

样式4:样式4}

border、margin、padding这些可以缩写的标签尽量缩写。

第一种样式写出来样式表会比较小,基本没有多余代码,但是对于修改会比较麻烦一点,第二种方式有比较多的代码(回车和空格会影响文件大小,但是影响不大),但是修改起来比较方便,然而这样竖着写有时样式太多还是容易混乱。现在还没个标准,怎么写顺手就怎么写,简洁主要在布局和使用的样式减少,而不在写法,可以多定义些共用的样式,class="样式1 样式2"可以同时使用多个样式,这样可以节省css代码,而且更清晰

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

CSS教程