注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

佳速互联,网站建设,网站设计,网站制作

“服务第一”、“卓越管理”、“技术领先”--服务创造价值

 
 
 

日志

 
 
关于我

深圳佳速互联(www.jiasuweb.com)致于帮助企业实现信息化一“站”式解决方案服务。8年来,一直以立足深圳,面向全国,与2000多家具有顶级发展潜力的企业展开了合作,并一直保持良好的合作伙伴关系。

网易考拉推荐
 
 

网页设计中应该知道的CSS基础  

2011-11-04 13:20:37|  分类: 网站建设常见问题 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
          大家对网页设计有多少的了解呢?其实网站制作流程并没有你想象的那样深奥,你说代码很难学?我可以很负责的告诉你,是的,代码是很难学。但是网页设计不需要太深奥的代码知识啊,你又不是去编程,只是网页设计而已,做网页不需要懂的编辑程序代码,但是要知道这个代码怎么用。

 在这里我就告诉大家我是怎样学习网页设计的。在进入网页设计这一行列就必须懂得HTML和CSS的基础知识,只有了解了这两种知识你才可以进行网页的基础编辑。在网页中充满了着两种元素。当我们打开dreamweaver新建一下html格式文档时,你就可以发现这个文档代码的顶端会出现如下代码:

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

 这句代码的含义知道是什么吗?当然有基础的设计师都是知道的,但是还是有很多的新手不是很明白。在这里我就简单介绍一下,这句代码表明了文本档的过渡类型。还有框架的远隔类型。有很多的人在制作网页时喜欢把它删除,当然,如果你有对网页设计有深入的了解,那也无所谓。但是对于新手我还是建议保留这段代码,因为删除以后可以能会引起些样式表失效或其它意想不到的问题。

 在上面代码紧接着的一句代码:

 meta http-equiv="Content-Type" content="text/html; charset=gb2312"

 它的作用是标示文档的编码语言。就是标示出在这个文档里主要使用什么样的代码种类,这里的gb2312告诉浏览器这个文档使用的是简体中文编码。不管我们采用哪种编码,有一点要注意,就是包含的CSS样式表和其它文件也必须和本文档的编码一样,要不然就很容易出现乱码。

 以上就是新手在制作网页时要考虑的一个最基础的方面,接下来介绍一下CSS样式的基础知识。CSS样式在加载过程中分为四种样式:外部样式、内部样式、行内样式、导入样式。

 外部样式主要是吧CSS单独写在一个CSS文件内,然后在源代码中以link方式链接,这种模式的好处在于不仅本页面可以调用这种模式,其他的页面也是可以调用的,这种模式在网页设计中是很常用的一种形式。

 内部样式主要是针对本页面的效果,也就是只作用于本页面,其他页面调用不了。这中模式是以 结尾,写在源代码的head标签内。

 行内样式,这这个样式主要是在标签中以tyle标记的为行内样式,这个样式主要是针对标签内的元素。

 链接样式是以特殊标记所链接的外部样式表,通常使用在另一个样式表内部。

 在这里还要注意CSS的一个优先级:id优先级高于calss。指定的模式高于继承的模式。当没有指定时,出现不同的模式,后面的样式覆盖前面的样式。行内样式高于内部或外部样式。

 其实网页设计注意事项还是有很多的,在这里就简单的介绍到这里了,在下一章中我们在来接着介绍网页设计的基础。


本文关键字:网页设计 CSS
  评论这张
 
阅读(22)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017