seo培训机构:网站建设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…

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

seo培训机构,seo网络优化培训班

 

这里显示红色字

可以看到,在这个文档里 ,多了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

seo培训机构:新网站收录时间大约是多长

新站都会有一段考察期,这个时间不一定

若是新网站的网址收录的话,提交网址后一般三天内都会收录的

至于内页 ,新站的文章原创质量高点最好,别做伪原创,给蜘蛛留下好印象 ,等收录稳定了就好了,之前我做的新站当月内文章都会收录的

还有新站不要改来改去,以免考察期加长

半个月至一月

seo培训机构 ,seo网络优化培训班

seo培训机构:头狼SEO工作室怎么样?

我的经验是,大量的相关文章合理的站内链接稳定的更新频率。

如何做好seo优化策略可参考如下方法:

在搜索引擎优化中,SEO策略影响到最终的优化效果 。SEO策略不管对中小网站还是大型网站都是重要的 ,而对于大型网站 ,制定一个好的SEO策略尤为重要 。

第一部分:关键词分析

关键词分析是所有SEO必须掌握的一门功课,大型网站虽然有海量的数据,但是每个页面都需要进行关键词分析 ,除了SEO之外,策划、编辑也需要具备一定的关键词分析能力。

关键词分析的基本原则:

1、 调查用户的搜索习惯:这是一个重要的方面,只有了解用户的搜索习惯 ,才能把我用户的搜索需求,用户喜欢搜索什么用什么搜索引擎等等

2 、 关键词不能过于宽泛:关键词过于宽泛会导致竞争激烈,耗费大量时间却不一定得到想要的效果 ,并且可能降低了关键词的相关性。

3、 关键词不能过冷:想想,没有用户搜索的关键词,还值得去优化吗

4、 关键词要与页面内容保持高度的相关性:这样既有利于优化又有利于用户 。

关键词挑选的步骤:

1 、 确定核心关键词:我们应该考虑的是哪一个词或者两个词能够最准确的描述网页的内容哪一个词用户搜索次数最多

2、 核心关键词定义上的扩展:例如核心关键词的别名、仅次于核心关键词的组合等 、核心关键词的辅助等。

3 、 模拟用户思维设计关键词:把自己假想为用户 ,那么我会去搜索什么关键词呢

4、 研究竞争者的关键词:分析一下排名占有优势的竞争对手的网页,他们都使用了什么关键词

第二部分:页面逆向优化

为什么要做逆向优化因为在大型网站中,页面的优化价值一般不同于中小网站。考虑到各种综合因素例如品牌、页面内容 、用户体验等 ,大型网站的页面优化价值大多数呈现逆向顺序 ,即:最终页>专题页>栏目页>频道页>首页 。

如何针对各页面进行关键词分配呢通常情况是这样的:

1、 最终页:针对长尾关键词

2、 专题页:针对热门关键词,例如周杰伦

3 、 栏目页:针对固定关键词,例如音乐试听

4、 频道页:针对核心关键词 ,例如 音乐

5、 首页:不分配关键词,而是以品牌为主。

在进行关键词分配后,我们可以在最终页中添加匹配的内链作为辅助 ,这是大型网站内链的优势。

第三部分:前端搜索引擎友好,包括UI设计的搜索友好和前端代码的搜索友好两点

1 、首先来看UI设计的搜索引擎友好:主要是做到导航清晰,以及flash和图片等的使用 ,一般来说,导航以及带有关键词的部分不适合使用flash及图片,因为大多数搜索引擎无法抓取flash及图片中的文字 。

2、然后是前端代码的搜索引擎友好:

a、代码的简洁性:搜索引擎喜欢简洁的html代码 ,这样更有利于分析。

b 、重要信息靠前:指带关键词的及经常更新的信息尽量选择出现在html的靠前位置。

c、过滤干扰信息:大型网站的页面一般比较复杂,各种广告、合作 、交换内容以及其他没有相关性的信息比较多,我们应该选择使用js 、iframe等搜索引擎无法识别的代码过滤掉这一部分信息 。

d、代码的基础SEO:这是基础的SEO工作 ,避免html错误以及语义化标签。

第四部分:内部链接策略

为什么要强调内部链接策略因为内链具有以下优势:

1、 大型网站海量的数据使内链的优势远远大于外链。外链的数量可能几千几万几十万 ,但是大型网站拥有成百万上千万甚至上亿的海量网页内容,如果用这些海量的网页做内链的建设,优势是很明显的 。

2 、 网站内的网页间导出链接是一件很容易的事情 。

3、 提高搜索引擎对网站的爬行索引效率 ,增强收录,也有利于PR的传递。

4、 集中主题,使该主题的关键词在搜索引擎中具有排名优势。

在内链建设中 ,应该遵循以下原则:1 、控制文章内链数量:穿插于文章内的链接可以根据内容的多少控制在38个左右 。2、链接对象的相关性要高。3、给重要的网页更多的关注:使重要的更有关键词价值的网页得到更好的排名。4 、使用绝对路径 。

第五部分:外部链接策略

在强调大型网站的内链建设的同时也不能太忽视了外链的建设。外链的建设虽然没有中小网站那么重要,但是也具有很高的价值。通常可以通过交换链接、制造链接诱饵、投放带链接的软文等方法来建设外链 。

1 、 来看交换链接应该要遵循哪些原则:

a、链接文字中包含关键词b、尽量与相关性高的站点 、频道交换链接c 、对方网站导出链接数量不能过多,过多的话没有太大的价值d、避免与未被收录以及被搜索引擎惩罚的网站交换链接

seo培训机构 ,seo网络优化培训班

2、 制造链接诱饵:制造链接诱饵是一件省力的工作,这使得对方网站主动的为我们添加链接。制造链接诱饵的技巧很多,但是可以用两个字来概括:创意。

3 、 带链接的软文投放 。指的是在商务推广或者为专门为了得到外链而进行的带链接的软文投放。

第六部分网站地图策略

有很多大型网站不重视网站地图的建设 ,不少大型网站的网站地图只是敷衍了事,做一个摆设。其实网站对于大型网站是很重要的,大型网站海量的数据、复杂的网站导航结构、极快的更新频率使得搜索引擎并不能完全抓取所有的网页 。这就是为什么有的大型网站拥有百万千万甚至上亿级的数据量 ,但是却只被搜索引擎收录了网站数据量的一半 、三分之一甚至更少的一个重要原因 。连收录都保证不了 ,怎么去做排名

Html地图:

1、 为搜索引擎建立一个良好的导航结构。

2、 Html地图中可以分为横向和纵向导航,横向导航主要是频道 、栏目、专题等链接,纵向导航主要是针对关键词。

3、 每个页面都有指向网站地图的链接 。

Xml网站地图:主要针对Google 、yahoo、live等搜索引擎。因为大型网站数据量太大 ,单个的sitemap会导致sitemapxml文件太大,超过搜索引擎的容忍度。所以我们要将sitemapxml拆分为数个,每个拆分后的sitemapxml则保持在搜索引擎建议的范围内 。

第七部分搜索引擎友好写作策略

搜索引擎友好写作是创造海量数据对取得好的搜索引擎排名的很关键的一部分。而SEO人员不可能针对每个网页都提出SEO建议或者方案 ,所以对写作人员的培训尤为重要。如果所有写作人员都按照搜索引擎友好的原则去写作,则产生的效果是很恐怖的 。

1、 对写作人员要进行反复培训:写作人员不是SEO,没有经验 ,不可能一遍就领悟SEO的写作技巧。所以要对写作人员进行反复的培训才能达到效果。

2 、 创造内容先思考用户会去搜索什么,针对用户的搜索需求而写作 。

3 、 重视title、meta写作:例如Meta虽然在搜索引擎的权重已经很低,但是不好的meta写作例如堆积关键词、关键词与内容不相关等行为反而会产生负作用。而Title的权重较高 ,尽量在Title中融入关键词。

4 、 内容与关键词的融合:在内容中要适当的融入关键词,使关键词出现在适当的位置,并保持适当的关键词密度 。

5、 为关键词加入链接很重要:为相关关键词加入链接 ,或者为本网页出现的其他网页的关键词加入链接 ,可以很好的利用内链优势 。

6、 为关键词使用语义化标签:

第八部分日志分析与数据挖掘

日志分析与数据挖掘常常被我们所忽视,其实不管是大型网站还是中小网站,都是一件很有意义的工作。只是大型网站的日志分析和数据挖掘工作难度要更高一些 ,因为数据量实在太大,所以我们要具备足够的耐心来做该项工作,并且要有的放矢。

1 、 网站日志分析:网站日志分析的的种类有很多 ,如访问来源、浏览器、客户端屏幕大小 、入口、跳出率、PV等 。跟SEO工作最相关的主要有以下三种:a 、搜索引擎流量导入b、搜索引擎关键词分析c、用户搜索行为统计分析

2 、 热点数据挖掘:我们可以通过自身的网站日志分析以及一些外在的工具和SEO自己对热点的把握能力来进行热点数据的挖掘。热点数据的挖掘主要有以下手段:a 、把握行业热点,可以由编辑与SEO共同完成b、预测潜在热点,对信息的敏感度要求较高 ,能够预测潜在的热门信息。c、自己创造热点,如炒作等d 、 为热点制作专题

第九部分为关键词创作专题

除了最终页面,各种针对热门的关键词所制作的专题应该作为网站的第二大搜索引擎流量来源 。我们在对热点数据进行挖掘后 ,就可以针对这些热门关键词制作专题了。制作的专题页的内容从何而来我们一般通过程序实现对应关键词相关的信息进行筛选聚合,这样就使得内容与关键词高度匹配,为用户、为搜索引擎都提供了所需要的内容。

当然 ,仅仅建立一个专题而没有辅助手段是很难保证专题的搜索引擎排名的 ,我们可以通过文章内链、频道页推荐 、或者最终页的专题推荐来获得链接达到效果 。

1、为热点关键词制作专题

2、关键词相关信息的聚合

3 、辅以文章内链导入链接

帮你回复一下,做外链不错

seo培训机构:利用SEO技术创业的方式有哪些

您好,很高兴为你回答:

利用SEO技术创业的方式有:

1 、用SEO打造高流量站点

如果自己有做到主流搜索引擎前几名的技术就可以发挥你的SEO水平制作站点一段时间后获取非常高的流量然后加入信誉好、口碑好的广告联盟要求广告代码放到网站上赚取广告费。或者出租广告位。

2 、SEO培训

提供SEO技术培训 ,SEO培训对SEO人员的能力要求更高,不仅需要有非常强的SEO实力,还需要有营销技巧、客服技巧、演讲能力以及团队运营能力 。就可以加入seo培训的行列了 ,为国家的教育行业贡献一份力量。

3 、SEO接单优化

可以是个人的形式也可以是团队的形式,如果是个人可以去网上发一些优化接单信息或者写一些软文。如果经常在知名度大的平台发布软文或者帮助解答也会有人找上门来 。比如曾经就有好几个人看到站长之家的软文而找作者优化网站的 。也有人看到在研究中心论坛解答而觉得技术不错来找优化接单的。只要你有技术,并且用营销的方法扩展自己的知名度 ,不用担心没有单。这个相对比较自由 。

4 、做SEO顾问

现在中国一些小企业,都想加入互联网的大军,但是苦于没有技术 ,而且seo人员缺乏,造成这个行业的工资普遍要求较高,一般小企业无法给予足够的工资 ,但是又不想放弃这块蛋糕 ,所以seo人员可以为多个小企业做seo顾问,收取一定的费用。这样双方都有互利,seo人员也可以赚到足够的回报。

5、做关键词排名出售网站

接单优化会受到很多限制 ,比如客户一定要你在多长时间把排名做上来或者经常催促你,让SEOer很被动,所以一些经济实力宽松的SEO就会通过卖站的方式赚钱 。这种方法是这样的:网站的定位、需求分析 、域名、空间、做站以及优化排名都由SEO来完成。把关键词排名做到首页以后 ,在网站上挂出卖出站点的广告,一些需要的公司或商家就会来购买站点。

做排名卖站的好处就是所有的程序都由SEO控制,不受其他人限制 ,掌握了绝对的主动权 。但是做一个新站到排名首页需要的时间会比较长,并且网站排名做上来以后并不能马上找到买家。所以从做站到卖出站点可能需要的时间比较长,这对于SEO是很大的考验。但是有的行业利润比较大 ,会有更多人愿意花更多的钱来买站点,当然这样的行业竞争也会比较大;

6 、选择一份seo工作

SEO的工作包括:SEO专员、外链、编辑 、SEO主管、SEO经理,更上一层还可以往营销总监等发展 。刚开始入行SEO从外链、编辑开始 ,工资也会比较低。在沿海城市编辑和外链的工资大概在3500左右 ,而内陆地区比如长沙大概是2000多。不排除一些资深的SEO编辑工资会高一点 。也有一些外推工作是结合提成一起,比如一些医疗行业或者境外旅游 、香港医疗等 。

seo培训机构,seo网络优化培训班

SEO专员的工资要比编辑、外链工资要高 ,在沿海地区可以达到45k。SEO主管能达到6k以上,而一些暴力行业SEO主管工资1w以上。当然越往上走工资越高,需要懂得的技能也越多 。比如要会竞价、营销 、推广 ,甚至美工 、设计、程序都要会一点,因为一个营销部门通常还需要有美工、设计 、程序、前端配合SEO。

7、用SEO做淘宝客

这类赚钱形式无风险但比较累且还要保持排名靠前一旦关键词排名下降就会导致零收入。但是作为一名seo人员我们需要做的就是把网站排名做上去,如果看着我们做的关键词下降导致淘宝客零收入 ,那只能说明你的seo工作已经失职了,所以这个是基本没有风险的 。

seo培训机构:如何创建一个网站并赚大钱

01

定义你的目标。为了吸引任何投资者(以广告的形式),你必须有方便他们出售商品的地方。吸引广告商是你的首要目标 ,因为这才能使你的理财目标成功 。

了解广告投放者或广告算法在寻找怎样的广告场地(即你的网站):通常,有着固定可支配收入,并多次访问你的网站都是潜在买家 ,并会对于你的网站内容密切相关的产品有兴趣。

你想在一个网站上展示什么内容以吸引并留住大量的访客。他们待的时间越长 ,在他们最终通过点击后退按钮离开你的网站之前,就越有可能点击网站上的广告商链接 。

02

seo培训机构,seo网络优化培训班

寻找市场。为了产生最多的流量 ,从而带来最高的收益,目标市场需要是有选择性的。虽然不同的人特点不一,但有研究表明 ,年轻人一般都比较乐观,愿意冒险,因此更可能点击广告 。

请记住 ,我们的目标是点击,不是销售:点击量生成你的收入 。访问者点击你的网站,由商家进行销售。无论销售是否成功 ,你都能得到报酬。

在网上搜索网站建设的趋势和想法,并在搜索包含年份,以使你避免错过2006年的热点 。例如 ,在谷歌搜索“网站建设想法2012  ”将会返回近十亿的结果。有了这些结果 ,你只需要通过梳理,你就可以发现激起你的兴趣的想法。

03

创建一个域名 。在21世纪最初的太平日子里,你可以创建一个企业名称 ,并找到一个域相匹配。不过在现在,这几乎是不可能的。但是,你可以用连字符的名称进行创造 。尽管“geekscom”已经被使用了 ,(包括net,org,甚至xxx)你可以尝试“website4g33ks”。

继续进行的一个好方法是 ,确保获得一个后缀为“com  ”域名,找到一台服务器(很多域名注册商也提供主机服务),并建立自己的网站。这种方法具有灵活的设计和自定义安装代码等方面的优势 。

或者你也可以从谷歌注册 ,如Blogger服务,或WordPress——这两者不仅会让你把你的网站名字放在他们的服务名称前面(如“geekswordpresscom”),他们也会给你提供一个免费的网站。除此之外 ,它的优点就是 ,Blogger和WordPress可以给你提供很好的设计模板,使你的网站的视觉效果更佳。不过它有个缺点,一般需要购买“专业”版站点 ,然后你才能使用别的定制功能 。

04

建立你的网站 。使用提供的模板,或者你自己设计(或从设计师)网站,将你的网站组合起来。你所进行的设计完全基于你试图达在市场上达到的目标。其次 ,无论你最终是提供个性化的服务,如“小王的汽车维修站点 ”,或者是以网络为中心的网站 ,如“莎莎的令人垂涎的食谱 ”,我们的目标都是让人们浏览网站 。这意味着内容为王——就像曾经一样。

如果你正在提供服务,你的网站很可能有内容涉及到到你的专业。例如 ,小王可能对对于如何更换机油,修理车辆或者是对汽车发出的任何声响都很专业 。莎莎则可能精通不同食谱的信息,如重量和度量转换 ,各类面粉之间的差异 ,并有处理厨房的灾难成功的轶事传说。这两种情况都超越所提供的基本服务,从而让游客坚持并点击广告!

05

保持内容新鲜。请勿草草张贴一两篇文章就收工 。请记住,我们谈论的是开发你收入的来源 ,因此你要重视它,把它当成你兼职或全职的工作。如果你想看到薪水滚滚而来,每天都要投入一些时间。

你写得越多 ,你的网站将拥有更多的关注度 。越多的人对你的网站有有兴趣,越多的人会涌进来。更重要的是,你的网站将更多地出现在广告投放算法中。更多的广告更多的点击更多的钱 。永远不要忽视这一目标 。

End

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

本文版权归qu快排seo www.sEoguRuBlog.com 所有,如有转发请注明来出,竞价开户托管,seo优化请联系QQ√61.910465


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