企业网站建设

建站知识

今日已发布信息: 135021
累计注册用户: 82541486

CSS初识

类选择器 一个元素 为{权值为

概述: 也就是“样式”作用于网页中的哪些元素。选择器的分类标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码:p{font-size:12px;line-height:1.6em;}2.类选择器最常用格式为  .类选择器名称{CSS样式代码;}  //不要忘了前面的小圆点<style type="text/css"> .stress{     color:red;     font-size:12px; } </style> <span class="stress">This text is red and 12px</span>3.ID选择器格式为 #id选择器名{CSS样式代码};//不要忘了前面的#<style type="text/css"> #stress{     color:red;     font-size:12px; } </style> <span id="stress">This text is red and 12px</span>类选择器和id选择器的异同:相同:可以作用于任何元素不同:1.id选择器只能在文档中使用一次 class选择器可以使用多次2.class选择器可以使用列表的方法为一个元素设置多个样式,id选择器不能.stress{     color:red; } .bigsize{     font-size:12px; } <span class="stress bigsize">I have two styles</span>==================================================================================另外几种比较常用的选择器子选择器(只能作用于直接后代)大于符号(>),用于选择指定标签元素的第一代子元素

什么是CSS样式?

CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

例如

p{    font-size:12px;    color:red;    font-weight:bold; }

CSS的优势:使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。


CSS的语法规则

多条声明使用分号分割


CSS样式的分类

内联式CSS 直接将CSS的代码写到html标签当中

<p style="color:red;font-size:12px">这里文字是红色。</p>

2.嵌入式CSS 将CSS代码写入到当前的文件中  <style>标签的内容放在<head>标签中

<style type="text/css"> span{ color:red; } </style>

3.外部式CSS CSS代码单独写入到一个文件中 用.css命名 通过下面的代码引用 <link>标签一般写入到

<head>标签中。

<link href="base.css" rel="stylesheet" type="text/css" />

三种CSS的优先级

内联式 >嵌入式> 外部式

注意:嵌入式>外部式 的前提条件是html文件中,嵌入式的代码写在外部式代码的后面(简单总结就是就近原则,谁离元素越近,就以谁的为准。)

=================================================================================

CSS选择器

“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

选择器的分类

标签选择器

标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码:

p{font-size:12px;line-height:1.6em;}

2.类选择器

 

  广元网站建设制作  牧草膜   今日推荐免费建站   分类信息   海门网站建设公司

 

最常用

格式为  .类选择器名称{CSS样式代码;}  //不要忘了前面的小圆点

<style type="text/css"> .stress{     color:red;     font-size:12px; } </style> <span class="stress">This text is red and 12px</span>

3.ID选择器

格式为 #id选择器名{CSS样式代码};//不要忘了前面的#

<style type="text/css"> #stress{     color:red;     font-size:12px; } </style> <span id="stress">This text is red and 12px</span>


类选择器和id选择器的异同:

相同:可以作用于任何元素

不同:1.id选择器只能在文档中使用一次 class选择器可以使用多次

2.class选择器可以使用列表的方法为一个元素设置多个样式,id选择器不能

.stress{     color:red; } .bigsize{     font-size:12px; } <span class="stress bigsize">I have two styles</span>

==================================================================================

另外几种比较常用的选择器

子选择器(只能作用于直接后代)

大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码:

.food>li{border:1px solid red;}

这行代码会使class名为food下的子元素li加入红色实线边框。


包含选择器(作用与任何后代)使用空格来实现

.first  span{color:red;}


通用选择器  使用* 它的作用是匹配html中所有标签元素

*{color:red;}//所有标签的字体颜色改为红色


伪类选择符

可以给html不存在的标签设置样式 例如设置鼠标划过的状态来设置字体的属性

<style type="text/css"> a:hover{    color:red;    font-size:20px; } </style> <a href="www.baidu.com"></a>

注意:目前所有的浏览器都能兼容的仅仅只有a:hover这一个伪类。


分组选择符:

同时为多个元素设置相同的样式

h1,span{color:red;} 相当于 h1{color:red;} span{color:red;}


CSS样式的继承性

作用于某个特定标签的样式也同样作用于它的后代

p{     color:red; } <p>I am CEO ,you son of <span>bitch</span></p>//作用于p标签的样式同样会作用于span标签

但是并非所有的样式都可以被继承,例如说border


CSS的权值

当我们为同一个元素设置了不同的样式的时候,要根据权值的大小来决定使用那个样式,样式的计算规则如下

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100

p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/


CSS的层叠

层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。例如

p{color:red;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>/*文本的颜色被设置成绿色。


 

剖析称SEO不会由于谷歌的即时搜索而走向灭亡

  新浪科技讯 北京时间9月9日早间消息,据国外媒体报道,谷歌周三推出新的功能“即时搜索”(Google Instant)。谷歌在官方网站的功能介绍页面上称,新搜索技术可在用户输入词条时立即显示搜索结果,也就是说,用户甚至可能在完成输入之前,即可找到所需要的信息。未来这个功能将会部署到全球的Google站点中,而且Google确认google.com.hk也在其中。

  这将对用户输入习惯产生巨大影响,甚至会改变搜索领域的发展方向。著名博客作家史蒂夫·鲁贝尔(Steve Rubel)认为,这将使搜索引擎优化(SEO)最终变得毫无意义。搜索引擎优化被认为是提高网站搜索结果排名的黑魔法。马特·库茨(Matt Cutts)是谷歌Webspam团队的负责人,并经常公开讨论SEO问题,现在也必须考虑SEO在“即时搜索”横空出世后将面临的未来。库茨在博客上这样写道:

  谷歌即时搜索是否会改变SEO?

  “我认为一段时间之后它会的。尽管’即时搜索‘不会使搜索结果产生变化,但一段时间以后,用户可能会修改输入的内容。比如我最近要搜索一个国会议员的信息,用’即时搜索‘时,可能很容易知道该议员提出了一个能源计划,因此我可能会修改我的搜索内容以便了解更多,从而我可能很快就能链接到该议员的博客文章进行阅读,但使用传统搜索的话,这篇文章可能在搜索结果的第二页才会出现。”

  库茨还指出,用户可能会根据“即时搜索“提供的信息,不断修改搜索的内容。这与谷歌推出”即时搜索“的概念不谋而合。使用传统搜索的用户只是输入搜索内容,然后浏览一两页的搜索结果,来判断是否找到所需要的信息。但使用谷歌”即时搜索”后,用户会更迅速地调整和修改输入内容,甚至只用方向键即可浏览系统推荐的几个搜索结果。这种变化十分重要:如果你的网站本身就在搜索结果中排名靠后,那么你可能更难被用户看见。

  然而库茨同时认为,SEO不会因为’即时搜索‘而走向灭亡:“我以前也说过,SEO本身就是关于变化的一个技术。最好的SEO方案能够识别变化、做出调整,甚至在变化中继续蓬勃发展。”

  另外值得注意的是,谷歌’即时搜索‘对广告商也会有一定影响。由于’即时搜索‘会根据用户输入的内容随时不断进行变化,一些广告出现的时间可能还不到一秒。为此,谷歌正在考虑改变广告展示次数(impression)的计算方式,例如只有在用户点击“输入”键、浏览一个页面超过3秒或者从搜索结果中点击某个链接之后,才计入展示次数等等。

  不过,谷歌还是提醒广告商,展示次数可能会出现一定波动:“在’即时搜索‘发布之后,广告商可能会注意到AdWRods展示次数出现和流量出现一定的波动,比如某一些关键词的展示次数可能会有显著增加或减少。”(舒可)

明明可以直接打五折为何还要买一送一

  在我们生活中,经常会遇到商品「买一送一」和「打五折」的情况。

  有些人会很疑惑,买一送一和打五折不都一样吗?明明可以直接打五折?为什么还要买一送一?多此一举。

  

 

  

 

  其实并不然,还是那句话,不要简单归因,很多事情的产生是由很多因素综合构成的,并不是只有一个原因。

  首先, 「买一送一」和「打五折」都是属于促销活动,且是比较常见的。五折,买一送一都能够对不理智的用户产生影响。站在用户角度,表面上都是省了一半的钱,实际二者之间还是有很多差别。一个是折扣,一个是满赠。

  先说打五折

  折扣长久以来都是王者一般的促销利器,不论线下线上都一样。像淘宝、京东这些电商聚集地是最常见的,常年打折,打到狂欢。毫无疑问,打折是最有效的营销手段之一。

  对于普通用户来说,无论你的初始价格有多诱人,在用户眼里总是高的,他们需要的是比预期更好的价格,而打折活动,让他们感受到实惠,让他们体验到占便宜的感觉。

  一方面,打折可以吸引更多的流量,最大限度的曝光产品。另一方面,折扣其实是在“强行”促使用户尽快购买,减少犹豫的时间。甚至,可以让本不打算买的用户也加入到购买活动中来。

  再说买一送一

  买一送一这种促销活动也是很常见,是属于满赠的一种。需要注意的是很多时候买一送一,不一定是送同样的东西。可以买电脑送鼠标,买被子送枕头,买杯子送牙刷等,都是为了带动销售,左右你购买决策时的那一瞬间。

  不过,为了更好的与打五折对比,这里的买一送一仅仅针对买一个再送一个同样的东西这种情况,比如买一杯星巴克,再送一杯。

  需要注意的是,买一送一绝对不是单纯的促进销售这么简单,要是只是为了促进购买转化率,那肯定比不过打五折,打折才是促销神器。

  那明明可以直接打五折?为什么还要买一送一?

  

 

  这个就需要说道说道了,为什么还要买一送一?因为买一送一也不是商家的什么善茬,效果是你好我也好。

  首先,每个商 品都是有个生产成本,还有个销售成本(包括雇佣售货员,门店,水电,宣传推广等等),买一送一相比打5折,显然是降低了销售成本,因为一次性就卖出去了2 个。尽管表面上不管买一送一还是打5折,如果买2个,用户都是付出同样的钱,但买一送一成本方面比5折优势大,所以利润也更高,赚得更多。

  另外,促销一般有降低商场库存、清除临期货品的目的,那如果是为了降低库存,那买赠(买一送一)就是更好的方式了,相比于折价更能快速清除库存 ,折价是为了快速卖出商品,而买赠是让商品卖更多。

  还有,从定价和品牌管理的角度看,长期打折肯定是对品牌形象不好的,甚至会陷入无休止的价格战。如果长时间的五折促销,那久而久之用户就已经认定了你这个产品价值了,不打折反而不行了,比如现在的O2O补贴,你不补贴能行吗?用户马上不用你的了。

  所以没办法,很多商店常年都是打五折,而不是降低原价。不过买一送一这种形式不一样,买一送一有助于维持顾客心理对商品价位和价值的认同,既可以维持现有的价格体系,又能够避免降低品牌形象。做完买一送一之后,商品销售一般不会有特别大的波动。

  当然,买一送一这个策略的作用除了上面这几点,肯定还有其他的,比如动销、关联、提高了用户客单价等等。所以,打五折虽然是销售神器,但有时候也需要来点买一送一。

  那既然买一送一这么好,干嘛还要玩打五折?

  

 

  因为很直白的说,为了让用户马上做出选择,打折确实是最好最快的手段,就算它有多么多的副作用,在当下,还是得靠打折。特别是对于那些感性消费者,打折无疑就是一个强力诱惑,而就算是理性消费者,打折也会让他变得感性一点,毕竟,金钱刺激的可是人性。

  而在这一点上,买一送一明显要弱很多,如果在买一送一捆绑赠品不起作用,最后还是需要折价来吸引。

  另外,有些东西不适合买一送一,意义不大。比如冰箱、彩电、手机、剃须刀,我要你买一送一干嘛?(当然送别的可以),生活中很多这样的东西没必要再送一个,用户不需要,还不如来点实在的打折。

  就像现在的餐饮外卖,补贴就相当于打折,你说这个时候是买一份饭送一份饭好,还是给你优惠打折好?所以买一送一尽管功效多,但永远也顶替不了打折。

  总而言之,赠送(买一送一)会使购买用户知觉为“额外获得”,而打折(五折)会使购买用户知觉为“损失减少”。有时候,用户希望额外获得,有时候用户更希望减少损失,但大多数时候,相比得到,人更害怕失去,这个大家可以好好利用。

  源自木木博客(http://blog.sina.com.cn/mumuhouzi),公众号:木木老贼(mumuseo),一个什么都谈谈的营销运营号。给在理想道路上努力打拼的营销运营人,加点燃料。

浅析软文应该怎么办科学的布局关键词

  现在运营网站少不了要做软文营销,因为通过软文营销实际上能够起到多元化的作用,比如提升SEO优化效果,丰富网站内容,提升网站知名度等。可是软文营销如果不注重科学的营销方法,尤其是软文的写作技巧,就很容易让软文营销的效果大打折扣,甚至还会起到负面的SEO优化效果,从而给网站带来负面影响。

  比如如果你的软文完全是抄袭的,而且仅仅是在内容中互联的拼凑相关的关键词,如果这样的软文大张旗鼓的在互联网上宣传,那么百度搜索引擎会认为你是在作弊,甚至还会对你的网站进行惩罚,那么如何才能够搞好软文营销呢?科学的布局关键词极为重要,下面就来分析一下应该如何去布局。

  第一,软文的内容必须要具有原创性,如果不原创那么布局关键词只能够会被百度惩处。当然这里的原创性还需要做到和网站具有相关性,如果没有相关性,关键词的布局就无从谈起。当做好了以上的基础之后,标题需要布局本次软文需要营销的关键词。这个关键词的布局不能够生硬,而是要让标题变得更具有可读性,例如本文的关键词就是“软文”,所以在标题上有了软文这样的关键词,而且也具有良好的可读性。

  第二,内容的首段一定要有关键词。首段之所以要有关键词其目的就是告诉搜索引擎,本文的内容和标题是具有相关性的,而不是胡编乱造。实际上我们在写文章时,都会采用起承转合的方式来进行撰写,对于软文的首段自然需要写一个引子,然后让这个引子过渡到本文提出的论点,也就是相应的关键词。所以在首段上,关键词不可过多,通常1个或者2个足够,否则就有堆砌的嫌疑。

  第三,在第二段以及第三段时,就需要适当的增加关键词密度,因为这两段基本上论述本文提出的论点,就是承接上文提出的论点加以深刻的阐述,那么在这个过程中自然会更多的设计到关键词。所以在这两个段落,可以适当的增加相应的关键词。

  第四,在随后的两段或者一段,关键词密度应该要下降,因为在这两段或者一段中,主要讲述的是转的内容,也就是说如果论点不成立将会产生什么样的后果。因此在几个段落中将关键词的密度要适当的降低,但是不能够一个也没有,因为我们在否定式论述时,同样需要对论点进行对比分析,所以如果一个也没有,就有可能会被百度认为这个几个自然段和网站主题没有关联,必然会影响到内容的质量。

  第五,最后一段往往是总结,也就是合的内容,这个自然段的关键词密度则可以适当的增加,因为是将上面的正面的论点和反面的论点进行综合性分析,并得出最后的结论,因此此时涉及到的关键词的内容就会增多,那么对应的关键词密度就应该适当的增加。

  由上分析可知,对于软文的密度布局并不是均衡式的布局,而是要做到错落有致,紧密的集合文章写作的技巧来科学的布置相应的关键词,这样才能够有效提升软文的质量和相关性,同时可读性也会得到有效增加,从而为网站的优化、宣传发挥自身更大的效果。

什么是盗链

“盗链”的定义是:此内容不在自己服务器上,而通过技术手段,绕过别人放广告有利益的最终页,直接在自己的有广告有利益的页面上向最终用户提供此内容。 常常是一些名不见经传的小网站来盗取一些有实力的大网站的地址(比如一些音乐、图片、软件的下载地址)然后放置在自己的网站中,通过这种方法盗取大网站的空间和流量。

  为什么会产生盗链

  一般浏览有一个重要的现象就是一个完整的页面并不是一次全部传送到客户端的。如果请求的是一个带有许多图片和其它信息的页面,那么最先的一个Http请求被传送回来的是这个页面的文本,然后通过客户端的浏览器对这段文本的解释执行,发现其中还有图片,那么客户端的浏览器会再发送一条Http请求,当这个请求被处理后那么这个图片文件会被传送到客户端,然后浏览器回将图片安放到页面的正确位置,就这样一个完整的页面也许要经过发送多条Http请求才能够被完整的显示。基于这样的机制,就会产生一个问题,那就是盗链问题:就是一个网站中如果没有起页面中所说的信息,例如图片信息,那么它完全可以将这个图片的连接到别的网站。这样没有任何资源的网站利用了别的网站的资源来展示给浏览者,提高了自己的访问量,而大部分浏览者又不会很容易地发现,这样显然,对于那个被利用了资源的网站是不公平的。一些不良网站为了不增加成本而扩充自己站点内容,经常盗用其他网站的链接。一方面损害了原网站的合法利益,另一方面又加重了服务器的负担。
我的网站遇到最多的是两类盗链,一是图片盗链,二是文件盗链。曾经有一个访问量极大的网站盗链我网站的图片,一天竟然消耗了数G的流量。同时,我站放的不少几十兆的大型软件也常遭到文件盗链,大量消耗我站资源。

  盗链的解决方案

  其实通过WEB服务器的URL过滤技术,这个伤脑筋的问题会很容易得到解决。

  如果WEB服务器用的是APACHE的话,那么使用APACHE自带的Url Rewrite功能可以很轻松地防止各种盗链,其原理是检查REFER,如果REFER的信息来自其他网站则禁止访问所需要的资源。

  那么,IIS支持UrlRewrite吗?

  答案很简单,不支持。但是我们可以通过安装第三方服务器扩展让IIS支持。

  目前有一种产品能比较好地支持IIS的UrlRewrite,名字叫ISAPI_Rewrite。

  下载地址在: http://www.365128.com

  这里只有ISAPI Rewrite的一个LITE版本是免费的,其它都是trial版本。ISAPI Rewrite Lite的版本功能不支持虚拟站点配置,元数据监测和自动缓存清理。 但是基本的UrlRewrite功能都支持。

  如何进行UrlRewrite的设置?

  isapi_rewrite利用正则表达式进行替换规则的表示。

  下面是一个简单的例子,我想让我们的用户输入 http://localhost/test-12314.html 实际上访问的是 http://localhost/test.asp?id=12314 。那么我们的匹配表达式应该是 /test-([0-9]*).html 对应的格式化表达式应该为 /test.asp?id=$1 。

  进行正则表达式的编写的时候,可以利用isapi_rewrite提供的正则表达式测试工具(默认安装提供),进行调试。做好了匹配表达式和格式化表达式,我们可以把它们放到安装目录下的httpd.ini里面。文件保存后,不需重新启动iis即可生效。

  对于我的网站,我防盗链的方法是在httpd.ini里面加入如下语句
RewriteCond Host: (.+)

RewriteCond Referer: (?!http://1.*).*

RewriteRule .*.(?:gif|jpg|png|exe|rar|zip) /block.gif [I,O]

  然后重启IIS,这时防盗链就开始起作用了,其他网站盗链过来的请求都会被拒绝。

  至此,我也终于可以摆脱了被盗链的烦恼了。

学习网站优化应多尝试多实战 勿做理论高手

  现在学习SEO的大军越来越多,可是水平确参差不齐,绝大部分的站长SEO水平都不合格,很多都停留在“理论高手”的阶段。

  我们经常能看到这样一个现象,很多站长在讲SEO理论的时候,是一套一套的,可是他们自己的网站,问题却是一堆一堆的。还有很多新手在谈SEO的时候搞的比老手还牛,这些人都是名副其实的“理论高手”。我们还会经常看到一些站长说:我每天都去各大站长网和SEO网站上学习SEO,现在都学的差不多了,可是做起网站来还是不行,这是为什么呢,这就是因为缺少实战经验。其实那些SEO理论花上几天时间,完全可以全部了解的清清楚楚了,根本没必要天天去看那些东西,实战才是硬道理。在我爱骡看来,真正的SEO就是实战经验。

  很多新人学习SEO的过程中都有一个问题,就是太相信别人和软文了,我爱骡认为,任何人的话都不能尽信,当然也不能完全不信,只有在自己尝试过之后,才能做出判断,举个最简单的例子,一提到群发软件,很多人都会觉得是个很不好的东西,而这之中绝大部分站长并没有用过群发软件,而是听别人说,这个东西不能用,从理论上来说,群发软件确实不能用,而且大部分人用的结局都是网站被降权甚至被K,可是并不是全部,仍然有一部分人用群发把网站做的很好,赚到了真金白银。我举这个例子并不是让你也去用群发软件试一下,我只是想说,任何理论、任何人说的东西不要轻易作出好坏的判断,只有尝试了你才知道。

  SEO做到最后其实就是一个度的把握和解决问题的能力,这种东西没有人能教你,而且就算有人教,你也未必能体会到,不要以为那些高手都是看完SEO理论就直接成高手了,一个真正的SEOER绝对有过网站被降权和被K的经历,而且次数还不会少,高手都是在经历一次次的失败洗礼之后,才变成高手的。要学会解决问题,首先就一定要出问题,做网站的过程中肯定会出现大量的问题,在把这些问题一个一个解决掉之后,你就积累了大量的SEO实战经验,这个时候你才能算是一名合格的SEOER。

http://guangyuan.kvov.com.cn/jzxx30488.html