网站建设CSS基础知识

01

自W3C(The World Wide Web Consortium)制定了代号为Cougar的HTML的40版本以来 ,存在在Web页面中的动态效果首次被正式的承认了 ,W3C把动态超文本(Dynamic HTML)的实现分为了三个部分:脚本、支持动态效果的浏览器和CSS。前两者也许你经常用到,但CSS是什么或许你并不清楚,如果有过制作Web页面的经历 ,你可能听说过样式单或风格单,如果对此你亦无耳闻,不要紧 ,只要你想制作出具有更多新特性的Web页,本文将同样适合于你 。(请使用IE4或IE5对CSS手册中的属性实例进行验证)

一 、什么是CSS?

CSS是Cascading Style Sheet的缩写,有些书上把它译为层叠样式单或级联样式单(下文简称样式单) ,在1997年W3C颁布HTML4标准的同时也公布了有关样式单的第一个标准CSS1 。样式单是对以前的HTML(32以前的HTML版本)语法的一次重大革新,以前的HTML版本中,各种功能的实现是通过标记元素实现的 ,这也造成了各个浏览器厂商为了标新立意创建各种只有自家支持的标记,各种标记互相嵌套,就可以达到不同的效果 ,比如要在一段文字中把一部分文字变成红色 ,HTML32中应该是这样的:

这里显示红色字

而在样式单中,把某些标记(如上例中的font标记)属性化,利用样式单 ,上例可以变成:

这里显示红色字

这就是样式单的全部功能吗?远远不是!前面说过样式单是DHTML的一部分,建立样式单的真正意义在于把对象真正引入了HTML,使得可以使用脚本程序(如Javascript 、VBScript)调用对象属性 ,并且可以改变对象属性,达到动态的目的,这在以前的HTML中是无法实现的 ,如果你使用过如VB等面向对象的编程工具,你会更快的发现,用样式单做DHTML是多么容易。样式单的另一项贡献是简化了HTML中各种繁琐的标记 ,使得各个标记的属性更具有一般性和通用性,并且样式单扩展了原先的标记功能,能够实现更多的效果 ,样式单甚至超越了Web页面的本身显示功能 ,而把样式扩展到多种媒体上,显示了难以抗拒的魅力。

样式单自从CSS1的版本之后,又在1998年5月发布了CSS2版本 ,样式单得到了更多的充实 。Internet Explorer4和Netscape Navigator4都宣传支持样式单,但从各方面来看IE4的效果都要超过NE4,这是因为IE4和NE4的Javascript文档模型(DOM)不同而造成的 ,从表面看,二者的模型区别不大,但实质上却是大相径庭 ,IE4的模型能够更加容易的把动态效果引入Web页面,虽然现在IE4的模型只有微软自己支持,但它却已被清楚的写入了W3C的DHTML标准;而NE4的样式单并不能通过脚本调用对象的属性 ,说的不好听一点,它的样式单只是徒有其表罢了。(Netscape公司自己开发了一种样式单称作JSSS,它利用Javascript来定义样式 ,但是并没有得到W3C的承认。)

二、进一步了解样式单

Cascading Style Sheet中的Cascading是层叠的意思 ,也就是说在同一个Web文档中可以有多个样式单存在,这些样式单根据所在的位置,拥有不同的优先级 ,优先级越高,就会被最后在显示时采用 。从样式单插入的形式来看可以分为三种:

•内联式样式单:它利于现有的HTML标记,把特殊的样式加入到那些由标记控制的信息中 ,比如刚才的例子。

•嵌入式样式单:它和Javascript一样可以嵌入到HTML文件的头部中去(和标记之间),使用容器装载,例如: ,这样会对页面中所有

标记都起作用。

•外部式样式单:是一种保存在外部的样式单文件,外部文件以CSS为扩展名,例如 。

在应用时可以根据需要随意运用以上三种方式 ,但在实际中内联式样式单和嵌入式样式单使用得更多一些。

三、样式单的语法特征

样式单有自己独特的书写方法,掌握了它的语法特征,再了解它的各种属性 ,那么你会发现在Web页面中运用样式单会是多么轻松。例如有一个最简单的HTML文档:

Text goes here…

我们可以用嵌入式样式单规定样式 。

这里显示红色字

可以看到 ,在这个文档里,多了Style标记,之间用< ……… >注释 ,以防止不能识别样式单的低版本浏览器把样式单当作内容显示出来,然后是关键的一句:

p colorred;fontweight bold

这整行称为一个声明(Statement),在样式单中 ,声明分为两种,一种是象这样的,叫做rule set ,另一种则称为atrule。

Atrule以作为关键字,放在元素的最前面,atrule通常用来对媒体(Media)的声明 ,并且如果对同一个atrule进行声明,那么只有位置靠前的会起到作用,如:

import subscssH1import listcss

后一个AtRule无效。

而rule set就象我们前面看到的样子了 ,它由几个部分组成 ,其中包括选择器 、属性和属性值 。一般的书写是这样的:

Selector1 property1value1 property2value2……Selector2 ……

其中刚才例子中的P代表段落标记元素,为选择器,为一个块(Block) ,表示对标记属性的声明(Declaration),有多个属性的时候使用隔开,属性在样式单中的一般表示方法是前面是一类属性的名称 ,后面是具体属性的名称,中间用隔开,而在脚本中使用属性的时候 ,则把去掉,并把第二部分的开头字母大写 。属性值的表示可以使用10进制,16进制数值(如FFFFFF) ,百分数(如100),字符串,URL(如urlhttp//wwwmysitecom)和RGB(如rgb255255255)等多种方式表示。下面我将对其中的重点部分进行更详细的解释。

1、选择器(Selector)

选择器不只是文档中的元素标记 ,它还可以是类(Class ,这不同于Java或C++中的类)、ID(给予元素特殊的名称,也便于在脚本中使用)或是元素的某种状态(如:alink) 。如:

利用ClassID显示内容。

其中someclass代表类,someID代表ID。类和ID也可以和元素标记合用 ,比如:

pbigFont ……

则表示必须在某个为bigFont类的P标记(

)才执行样式单,同样的也适合于ID 。为了简化声明某些重复属性的标记,可以用把不同的选择器隔开 ,表示它们都表示成相同的属性,如:

H1H2Div pmytext ……

有时我们还希望能够在特定的范围内使样式单生效:

p em

元素标记间又空格隔开,表示在

间的 、用红色表示。另外还可以利用表示一个选择器后面紧跟另一个选择器 ,并且两边以/围住:

/ Selector1 Selector2/ ……

表示如果Selector2紧跟着Selector1则使用该样式单。

2、属性值的单位

在样式单中,属性的单位多为长度单位,包括px(象素)、pt(磅) 、em(一种排版中的单位 ,1em=12pt)、mm(毫米)、cm(厘米) 、pc(1pc=12pt)、in(英寸),这些单位可以使用整数(如px)表示,也可以使用实数(如em)表示 ,并且元素中对数值还有继承(inherit)的关系比如:

bodyH1

那么在显示中H1的textindent属性就不是36pt而是45pt 。

有的属性的单位甚至可以是负值 ,如margin,可以达到一些特殊的效果,如元素之间的重叠。另外还有一些其他的单位如角度 ,它的单位有deg(度)、grad(梯度)和rad(弧度);频率的单位,Hz和kHz,这些都是我们非常熟悉的。

3 、注释及空格

样式单也有注释语句:可以用/……/作为注释标记 ,在浏览器中有一个对样式单的分析器,它负责对样式单的检查,分析器将忽略注释标记之间的内容 。空格在样式单中是有效的 ,如果字符之间有超过一个空格存在,它将省略其余空格,而只保留一个 ,特别是在声明某些字体的时候,空格一定不能省略。

2 要注意的方面

首先,样式单是区分大小写的 ,所以要注意拼写;其次对于CSS2未声明的属性和方法 ,样式单的分析器会忽略它的存在,如:

H1 H2H3 H4 H5P colorblue fontvariantsmallcaps

其中是样式单中没有的标号,第二行整个被分析器略过 ,第三行中的fontvariant不是一个合法属性,也被略过(colorblue有效)。

了解了以上规则,你就已经对样式单入门了 ,下面将详细介绍样式单的各种属性及属性值 。

CSS属性:

1 、媒体(Media)类型

样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等 。特定的属性只能作用于特定的媒体,如fontsize属性只对可卷动的媒体类型有效(屏幕)。

声明一个媒体属性可以用import或media引入:

import urlloudvoicecss speechmedia print / style sheet for print goes here /

也可以在文档标记中引入媒体:

可以看出 ,import和media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。import的使用方法是import加样式单文件的URL地址再加媒体类型 ,可以多个媒体共用一个样式单,媒体类型之间用,分割符分开 。media用法则是把媒体类型放在前面 ,其他规则和ruleset基本一样。下面列出各种媒体类型:

SCREEN:指计算机屏幕。PRINT:指用于打印机的不透明介质 。PROJECTION:指用于显示的项目。BRAILLE:盲文系统 ,指有触觉效果的印刷品。AURAL:指语音电子合成器 。TV:指电视类型的媒体。HANDHELD:指手持式显示设备(小屏幕,单色)ALL:适合于所有媒体。

CSS属性:

2 、BOX模型(BOX Model)属性

什么是BOX?CSS把HTML中以……的部分称为BOX(容器),BOX有三类属性:padding、margin和border 。

Margin属性:

Margin属性分为margintop、marginright 、marginbottom、marginleft和margin五个属性 ,分别表示BOX里内容离边框的距离,它的属性值是数值单位,可以是长度、百分比或auto ,margin甚至可以设为负值,造成BOX与BOX之间的重叠显示,关于margin的属性详见下表:

属性名称 margintop 、marginright、marginbottom、marginleft属性值 初始值 0适合对象 所有元素是否继承 no百分比备注 相对于BOX的宽度

例如:

H1 margintop 2em H2 marginright 123

Margin还有一个快捷的书写方法 ,就是直接用margin属性,例如:

BODY margin 1em 2em 3em 2em

等同于:

BODY margintop1emmarginright2emmarginbottom3emmarginleft2em

margin属性后面可以有四个值,中间用空格隔开(记住不是逗号) ,顺序是上右下左,当然margin后面可以不足四个值,例如:

BODY margin 2em / 所有的margin都设为2em /BODY margin 1em 2em / 上下margin为1em ,右左margin为2em /BODY margin 1em 2em 3em / 上margin为1em ,右左margin为2em,下margin为3em/

Padding属性:

Padding属性用来描述BOX的边框和内容之间插入多少空间,和margin属性类似 ,它也分为上右下左和一个快捷方式padding,关于padding的属性详见下表:

属性名称 paddingtop 、paddingright、paddingbottom、paddingleft  、padding属性值 初始值 0适合对象 所有元素是否继承 no百分比备注 相对于BOX的宽度

例如:

BLOCKQUOTE paddingtop 03em

padding属性和margin类似此处略去。

Border属性:

平时我们在查看HTML文档时,看到一段文字 ,并不会把它当作一个BOX,实际上BOX是有边框的,只是平时不显示出来罢了 ,而border属性就是用来描述BOX边框的。Border属性分为borderwidth 、bordercolor和borderstyle,而这些属性下面又有分支 。

borderwidth属性:

borderwidth属性又分为:bordertopwidth、borderrightwidth、borderbottomwidth 、borderleftwidth和borderwidth属性,borderwidth用长度表示为thin/medium/thick或长度单位表示 ,下面是borderwidth属性的详细列表:

属性名称 bordertopwidth、borderrightwidth、borderbottomwidth 、borderleftwidth、borderwidth属性值 初始值 medium适合对象 所有元素是否继承 no百分比备注 被禁止

borderwidth为快捷方式,顺序为上右下左,值之间用空格隔开 。

bordercolor属性:

bordercolor属性用来显示BOX边框颜色 ,分为bordertopcolor、borderrightcolor 、borderbottomcolor、borderrightcolor和bordercolor属性 ,属性值为颜色,可以用十六进制表示,也可用rgb表示 ,属性见下:属性名称 bordertopcolor、borderrightcolor 、borderbottomcolor、borderleftcolor、bordercolor

属性值 初始值 元素颜色的初始值适合对象 所有元素是否继承 no百分比备注 被禁止

bordercolor为快捷方式,顺序为上右下左,值之间用空格隔开。

borderstyle属性:

borderstyle属性用来设置BOX对象边框的样式 ,它的属性值为CSS规定的关键字,平常看不到border是因为,初始值是none的缘故。属性见下:

属性名称 bordertopstyle 、borderrightstyle 、borderbottomstyle、borderleftstyle、borderstyle属性值 初始值 none适合对象 所有元素是否继承 no百分比备注 被禁止

bordercolor为快捷方式 ,顺序为上右下左,值之间用空格隔开 。

属性值的名称和代表意义如下:

none:无边框。dotted:边框为点线。dashed:边框为长短线 。solid:边框为实线。double:边框为双线。groove 、ridge、inset和outset:显示不同效果的3D边框(根据color属性) 。

border属性:

border属性为Border的快捷方式,属性值间用空格隔开 ,顺序是边框宽度 边框样式 边框颜色,例如:

hello

还可以用bordertop、borderright 、borderbottom、borderleft分别作为上右下左的快捷方式,属性值顺序同border属性。

CSS属性:

3、布局(Layout)属性:

在以前的HTML里 ,元素的位置只能靠元素的依次排列觉得 ,而在CSS里你可以更精确的定位元素。Netscape曾提出过Layer标记,它对于精确布局很有好处,但是并没有被W3C承认 ,W3C在CSS提出了类似于Layer标记的功能 。

position属性:

position属性用来决定元素的位置类型,详见属性:

属性名称 position属性值 absolute relative static初始值 static适合对象 所有元素是否继承 no百分比备注 被禁止其属性值分别代表:absolute:屏幕上的绝对位置。relative:屏幕上的相对位置。static:固有位置 。

direction属性:

direction属性决定BOX的排列方向,详见属性:

属性名称 direction属性值 ltr rtl初始值 ltr适合对象 所有元素是否继承 yes百分比备注 被禁止

float和clear属性:

在HTML中图片可以选择飘浮的位置 ,现在BOX对象通过CSS对于也可以选择飘浮的位置 。改变BOX的float属性,BOX将飘浮在其他元素的左或右方:

属性名称 float属性值 left rightnone初始值 none适合对象 所有元素是否继承 no百分比备注 被禁止

例如:

Some sample text that has no other

相反的,使用clear属性将禁止元素在BOX的左方或右方飘浮:

属性名称 clear属性值 left rightbothnone初始值 none适合对象 所有元素是否继承 no百分比备注 被禁止

绝对位置属性:

绝对位置属性有四个属性:top 、right、bottom和left ,属性值为长度单位或百分数:

属性名称 top、right 、bottom、left属性值 auto初始值 none适合对象 所有元素是否继承 no百分比备注 被禁止

利用以上属性,用户就可以精确定义元素的位置,如:

I used two red hyphens to serve as a change bar Theywill float to the left of the line containing THISword

zindex属性:

在CSS中允许元素的重叠显示 ,这样就有一个显示顺序的问题,zindex属性描述了元素的前后位置,如果把电脑屏幕看作XY平面的话 ,那么Z轴就是垂直于屏幕的 ,zindex使用整数表示元素的前后位置,数值越大,就会显示在相对靠前的位置 ,并且CSS同意在zindex中使用负数。

属性名称 zindex属性值 auto初始值 auto适合对象 使用position属性的元素是否继承 no百分比备注 被禁止

width属性:

规定BOX的width属性,可以使BOX的宽度不依靠它所包含的内容的多少:

属性名称 width属性值 auto初始值 auto适合对象 块元素是否继承 no百分比备注根据父元素的width而定

在CSS中还提供了minwidth和maxwidth属性,使得BOX的宽度在最小宽度和最大宽度之间。

属性名称 minwidth属性值 初始值 0适合对象 all是否继承 no百分比备注根据父元素的width而定

属性名称 maxwidth属性值 初始值 100适合对象 all是否继承 no百分比备注根据父元素的width而定

height属性:

相同的BOX还有height属性来控制本身的高度:

属性名称 height属性值 auto初始值 auto适合对象 块元素是否继承 no百分比备注根据父元素的height而定

在CSS中还提供了minheight和maxheight属性 ,使得BOX的高度在最小高度和最大高度之间 。

属性名称 minheight属性值 初始值 0适合对象 all是否继承 no百分比备注根据父元素的height而定

属性名称 maxheight属性值 初始值 100适合对象 all是否继承 no百分比备注根据父元素的height而定

overflow属性:

在规定元素的宽度和高度时,如果元素的面积不足以显示全部内容的话就要用到overflow属性:

属性名称 overflow属性值 visible hidden scroll auto初始值 visible适合对象 元素的position属性是否继承 no百分比备注 被禁止

属性值含义如下:

visible:扩大面积以显示所有内容。hidden:隐藏超出范围的内容。scroll:在元素的右边显示一个滚动条 。auto:当内容超出元素面积时,显示滚动条。

clip属性:

CSS还提供了一种clip属性 ,可以把元素区域剪切成各种形状,但目前提供的只有方形一种:

属性名称 clip属性值 auto初始值 auto适合元素 元素的position属性被设为absolute是否继承 no百分比备注 被禁止

值为recttop right bottom left。

lineheight和verticalalign属性:

lineheight属性可以规定元素内部的行间距,使用长度单位或百分数:

属性名称 lineheight属性值 normal 初始值 normal适合对象 所有元素是否继承 yes百分比备注根据元素的字体大小而定

例如下面的例子 ,虽然表达方式不同,但结果一样:

DIV lineheight 12 fontsize 10pt DIV lineheight 12em fontsize 10pt DIV lineheight 120 fontsize 10pt

verticalalign属性决定元素在垂直位置的显示:

属性名称 verticalalign属性值 baseline sub super top texttop middle bottom textbottom 初始值 baseline适合对象 inline elements适合继承 no百分比备注 根据元素的lineheight属性而定

属性值含义如下:baseline:与元素的基线对齐 。middle:与元素中部对齐。sub:字下沉。super:字上升 。texttop:文本顶部对齐。textbottom:文本底部对齐。Top:和本行位置最高元素对齐 。Bottom:和本行位置最低元素对齐 。

Visibility属性

该属性用于控制元素的显示或隐藏:

属性名称 visibility属性值 inherit visible hidden初始值 inherit适合对象 所有元素是否继承 如果该值为inherit,则继承父元素属性百分比备注 被禁止

CSS属性:

4、颜色和背景(Color and Background)属性:

这里介绍有关CSS中前景色和背景颜色 、图片的设定方法。

color属性:

color属性用于设定元素的前景色:

属性名称 color属性值 初始值 根据用户的初始值而定适合对象 所有元素是否继承 yes百分比备注 被禁止

color属性的值可以是十六进制数值 、rgb函数或CSS承认的颜色名称。如:

EM color red EM color rgb25500

背景属性:

backgroundcolor属性用于设定背景色 ,初始值为透明:

属性名称 backgroundcolor属性值 transparent初始值 transparent适合对象 所有元素是否继承 no百分比备注 被禁止

backgroudimage属性用于设定背景的图片:

属性名称 backgroundimage属性值 none初始值 none适合对象 所有元素是否继承 no百分比备注 被禁止

其中url可以为绝对地址 ,也可以是相对地址,例如:

BODY backgroundimage urlmarblegif P backgroundimage none

以上两个属性利用普通的HTML属性也可以实现,下面的属性是CSS对原有HTML的扩展 。backgroundrepeat属性用来描述背景图片的重复排列方式:

属性名称 backgroundrepeat属性值 repeat repeatx repeaty norepeat初始值 repeat适合对象 所有元素是否继承 no百分比备注 被禁止

其中属性值的含义为:repeat:沿X轴和Y轴两个方向重复显示图片。repeatx:沿X轴方向重复图片。repeaty:沿Y轴方向重复图片 。none:不重复图片。

例如:

BODY background red urlpendantgifbackgroundrepeat repeaty/表示沿Y轴重复图片pendantgif ,其余部分以红色为背景色/

backgroundattachment属性表示在滚动整个文档时,背景图片的显示方式。它的属性值有两种:fixed和scroll,fixed相当于IE4里的水印效果 ,也就是说在拖动文档时,背景相对是静止的,scroll则和文档一起滚动 。

backgroundposition属性用来指定背景图片显示的位置:

属性名称 backgroundposition属性值 top center bottom left center right初始值 0 0适合对象 容器元素是否继承 no百分比备注 refer to the size of the element itself

其中属性值含义为:top left和left top表示0 0。top、top center和center top表示50 0。right top和top right都表示100 0 。left、left center和center left表示0 50。center和center center表示50 50。right 、right center和center right都表示100 50 。bottom left和left bottom表示0 100 。bottom、bottom center和center bottom都表示50 100bottom right和right bottom表示100 100。例如:

BODY background urlbannerjpeg right top / 100 0 /BODY background urlbannerjpeg top center / 50 0 /BODY background urlbannerjpeg center / 50 50 /BODY background urlbannerjpeg bottom / 50 100 /

background属性是以上背景属性的快捷方式 ,属性和顺序如下:

属性名称 background属性值 适合对象 所有元素是否继承 no百分比备注 只在backgroundposition中容许使用

CSS属性:

5、字体(Font)属性:

这里定义了关于字体的各种属性。

fontfamily属性定义字体的名称,可以是一个字体的名称,也可以是一类字体的名称 ,字体的名称一定要和计算机系统里的完全一样:

属性名称 fontfamily属性值 初始值 根据用户定义而定适合对象 所有元素是否继承 yes百分比备注 被禁止

有些计算机系统里如果没有样式单要求的字体,可以再设一个次字体以备万一 。例如:

BODY fontfamily Baskerville Heisi Mincho W3 Symbol serif

familyname是指确定的某字体,如Heisi Mincho W3 ,genericfamily指某一类字体 ,如serif。

fontstyle属性描述字体的倾斜程度:

属性名称 fontstyle属性值 normal italic oblique初始值 normal适合对象 所有元素是否继承 yes百分比备注 被禁止

fontvariant属性:

属性名称 fontvariant属性值 normal smallcaps初始值 normal适合对象 所有元素是否继承 yes百分比备注 被禁止

一个使用了smallcaps属性的元素中的小写字母看起来要比正常的大写字母小一些。

fontweight属性用来描述字重 。

属性名称 fontweight属性值 normal bold bolder lighter 100 200 300 400 500 600 700 800 900初始值 normal适合对象 所有元素是否继承 yes百分比备注 被禁止

100到900代表9种不同的字重,400代表normal,700代表bold ,900是最重的字体,bolder或lighter表示字体的字重比父元素高或低一级,比如父元素字重为400 ,则bolder代表字重500,如果父元素本身字重为900,那么bolder后 ,字重还是900,同样的lighter也一样。有些字体并没有100到900那么全的字重,也许是从300到700 ,那么字重的最小和最大值也为300到700。例如:

P fontweight normal / 400 /H1 fontweight 700 / bold /

fontsize属性描述字体的大小:

属性名称 fontsize属性值 初始值 medium适合对象 所有元素是否继承 yes百分比备注 relative to parent elements font size

该属性可以使用绝对大小,也可以使用相对大小,其中绝对大小可以使用 ,如下关键字表示:

xxsmall xsmall small medium large xlarge xxlarge 分别代表最小 、较小、小、中等 、大、较大和最大 。相对大小可以使用:larger 或smaller描述。例如:

P fontsize 12pt BLOCKQUOTE fontsize larger EM fontsize 150 EM fontsize 15em

Font属性是以上属性的快捷方式 ,属性如下:

属性名称 font属性值 / 适合对象 所有元素是否继承 yes百分比备注 只在fontsize使用

例如:

P font 12pt/14pt sansserif P font 80 sansserif P font xlarge/110 new century schoolbook serif P font bold italic large Palatino serif P font normal smallcaps 120/120 fantasy

CSS属性:

6、文本(Text)属性:

这里的属性将影响WEB文档中的文本显示情况。

textindent属性描述文本的缩进程度:

属性名称 textindent属性值 初始值 0适合对象 容器元素是否继承 yes百分比备注 根据父元素的宽度而定

下面的例子表明段落的缩进值为3em:

P textindent 3em

Alignment属性表明文本的对齐方式:

属性名称 alignment属性值 left right center justify初始值 依照用户定义适合对象 blocklevel elements是否继承 yes百分比备注 被禁止

http//tqqcom/caipiao99c

http//tqqcom/caipiao101

http//tqqcom/quyingpt

http//101pingtaicom/

http//101zhucecom/

http//quyingcpcom/

http//quyingyouxicom/

http//www99caicncom/

http//101ylcom/

http//wwwi99caicom/

textdecoration属性描述对文本的修饰方法:

属性名称 textdecoration属性值 none underline overline linethrough blink 初始值 none适合对象 所有元素是否继承 no see clarification below百分比备注 被禁止

属性值含义分别为:underline:下划线 。overline:上划线。linethrough:删除线。blink:闪烁(如同Navigator中的blink标记的功能)

textshadow属性可以为文本加入阴影的特效:

属性名称 textshadow属性值 none 初始值 none适合对象 all是否继承 No百分比备注 只在描述透明度时有效

例如:

P textshadow black

上例将在文本的右下方显示黑色阴影,另外阴影将增大BOX的面积 。

letterspacing属性表明文本的字间距:属性名称 letterspacing

属性值 normal auto初始值 normal适合对象 所有元素是否继承 yes百分比备注 被禁止

例如:

BLOCKQUOTE letterspacing 01em

wordspacing属性表明文本中单词间距:

属性名称 wordspacing属性值 normal 初始值 normal适合对象 所有元素是否继承 yes百分比备注 被禁止

例如:

H1 wordspacing 1em

texttransform属性可以将BOX内的文本按指定的大写或小写形式显示:

属性名称 texttransform属性值 capitalize uppercase lowercase none初始值 none适合对象 所有元素是否继承 yes百分比备注 被禁止

外推文章收录好的网站,网站文章怎么一个月才收录

属性值含义为:capitalize:把BOX中的每句句首字母变成大写 。uppercase:把BOX中所有的字母变成大写。lowercase:把BOX中所有的字母变成小写。

Whitespace属性描述如何显示文本中的空格 ,在HTML中,空格是被省略的,也就是说你在一个段落标记的开头无论输入多少个空格都是无效的 ,要输入空格有两个方法,一是直接输入空格的代码 ,或者使用

标记	,CSS中也制定了类似于pre的属性:

属性名称 whitespace属性值 normal pre nowrap初始值 normal适合对象 容器元素是否继承 yes百分比备注 被禁止

End

要怎样可以在贴吧中快速升级!

提高贴吧排名技巧:

百度贴吧排名技巧

第一千万不要顶旧贴精品贴除外 。

所谓“旧贴”,是指15天以前的贴子——顶了是要被百度扣分的。对贴吧排名很不利!

第二每个主题的回贴至少要超过十一贴而且点击率和回贴率要在一定的范围之内

第三现在贴吧的排名不是按累积的贴子数和主题数算而是按每天的算 所以要保证每天的发贴和跟贴数量!

二:百度帖吧排名技巧

1 、回帖一定要满15字,要汉字。标点和英文不算 。否则等于没回。最好能带张图。带图的话 ,不满15字的帖子也可以算分,如果满15字带图就是两个帖子的分 。

2、别光顾着拼命发主题。其实一个主题的分跟一个回帖的分是一样的,不如认真回帖。

还有大家一定要记住 ,当天发的帖子当天的回复一定要达到11 ,不然那个帖子就白发了,不算分的 。不要去回以前的帖子,过了日子灭十就没用了。

3、要坚决杜绝裸奔。一个裸奔扣10个帖子的分——也就是只要有一个人裸奔 ,那10个帖子都白发了 。

要多回精品帖,回精品帖的分比回普通帖的要高 。吧主可以用自己的ID多发帖回帖,那就是5倍于普通ID的分。

4 、最重要的一点 ,就是关于外交帖的问题。去别吧的外交帖一定要顶着不能沉 。来的人多了,独立IP的浏览量才会上去。而这是排名最重要的因素。

5 、不用一直换马甲发帖了 。你再怎么换马甲,只要没换电脑 ,IP值就是一样的。只算一个ID的分。无须浪费时间 。

参考如下:

1、大家来吧里发贴,一定要登陆,如果用IP直接发言 ,也就是没登陆(叫裸贴),这样会扣帖吧的分的,请你还是登陆吧(也叫穿衣服)。

2、多顶精品贴 ,加分多。发贴得30分 ,回贴10分,顶精品帖20分 。

3 、请按格式发贴,页面看着整齐。

4、发贴内容要回满15字 ,且四个字内不能有重复,比如“爱爱 ”就只算一个字。回贴满15字的基础上附贴图,再加15分 ,就相当于发一张新帖的分数 。切记,满15字再贴图才可以加分 。

5、每个主题下顶满10贴才算分,所以看到不足10个贴子数的就马上跟上去哦。

6 、不要顶裸主题贴 ,也不要裸顶贴(即不登陆就回贴)都会被扣分的。百度有规定:裸主题贴要扣20分 。你知道吗,我们顶十层楼才1分,扣20分相当于一个贴子扣掉我们200层楼。七扣八扣的 ,就扣光光了。

7、百度识别能力很强:比如,一个人一天发了200个贴子,应得到200个贴子积分 ,但有150个贴子内容一样 ,百度可能就给它们算成是一个帖子积分,实际得到的是51个帖子的积分 。所以为什么有时贴吧人很多,帖子数最多 ,但积分却低于其他吧,排名老冲不到第一,就是因为有些亲为让帖子数量增多 ,来不及看帖子内容就先灌水,这样事倍功半。

外推文章收录好的网站,网站文章怎么一个月才收录

建议:千万不要刷屏。

刷屏就是用同一句话复制多次来回贴 ,这样会被扣分的 。如果你觉得其他亲的回复好,复制也可以,就要多加上几个字 ,以示区别。因为以百度的识别能力,相同一段话,不论是同一人在不同帖里留下的 ,还是不同人在相同帖子里留下的 ,百度都只算成一个帖子的人气。(一天内重复的帖子不算分!无论是不是一个人发的 。)

快速网站优化哪家好

网站优化可以从狭义或者广义两个方面来说明,网站优化是对网站进行程序、域名注册查询 、内容、版块、布局等多方面的优化调整,也就是网站设计时适合搜索引擎检索 ,满足搜索引擎排名的指标,从而在搜索引擎检索中获得流量排名靠前,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位。指出网站优化使网站更容易被搜索引擎收录 ,提高用户体验(UE)和转化率进而创造价值。其实通俗的来讲,网站优化分为两个部分:一是站内优化,二是站外优化 。

对于所有的百度seo优化排名来说

外推文章收录好的网站 ,网站文章怎么一个月才收录

SEO是什么?SEO优化?

SEO是什么?SEO优化?SEO的中文名是什么意思啊?大侠知道请回答 。。

搜索引擎优化

与竞价同为最流行的网络推广手段

可以来 学习一下

搜索引擎优化,也可以叫做搜索引擎优化技术。

SEO(Search Engine Optimization),汉译为搜索引擎优化 ,是较为流行的网络营销方式,主要目的是增加特定关键字的曝光率以增加网站的能见度,进而增加销售的机会 。分为站外SEO和站内SEO两种。SEO的主要工作是通过了解各类搜索引擎如何抓取互联网页面 、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术 ,来对网页进行相关的优化 ,使其提高搜索引擎排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。

外推文章收录好的网站 ,网站文章怎么一个月才收录

昆山网络营销培训昆山SEO培训昆山SEO推广培训昆山网络推广培训昆山SEO教程哪里有啊??

外推文章收录好的网站,网站文章怎么一个月才收录

主要是公司网站的推广,要有实际效果的 。。。

网站收录推送站长工具https://www.seogurublog.com/seotool

本文版权归趣快排SEO www.SeogurUblog.com 所有,如有转发请注明来出,竞价开户托管,seo优化请联系QQ▶61910465