河南设计教育第一品牌名校 郑州室内设计高端培训市场学员十佳满意单位 室内设计协会河南培训认证单位

设计培训导航郑州平面设计培训|郑州室内设计培训|郑州网页设计培训|郑州家装设计培训|郑州办公文秘培训

专业知识

CSS的工作原理是什么


发布时间:2012-06-27 09:04

  很多人用了很久的css却从来也不知道css是怎么去工作的,写出来的css浏览器是怎么样去解析的呢?所以往往在一定阶段之后,就变成了进一步提高css水平的一个瓶颈。郑州网页设计培训老师来告诉大家。
  首先先了解下什么是CSS?CSS是CascadingStyleSheets(层叠样式表)的简 称.*CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言).*在标准网页设计中CSS负责网页内容 (XHTML)的表现.*CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.*可以通过简单的更改 CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课。
  基本的CSS语法
比方说,我们要用红色作为网页的背景色:
用HTML的话,我们可以这样:
 <body bgcolor="#FF0000"> 
用CSS的话,我们可以这样获得同样的效果:
 body {background-color: #FF0000;} 
你会注意到,HTML和CSS的代码颇有几分相似。
为一个HTML文档应用CSS
为HTML文档应用CSS,有三种方法可供选择。下面对这三种方法进行了概括。我们建议你对第三种方法(即外部样式表)予以关注。
方法1:行内样式表(style属性)
为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上,通过行内样式表将页面背景设为红色:
<html> <head> <title>例子</title> </head> <body style="background-color: #FF0000;"> <p>这个页面是红色的</p> </body> </html>
方法2:内部样式表(style元素)
为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样:
<html> <head> <title>例子</title> <style type="text/css"> body {background-color: #FF0000;} </style> </head> <body> <p>这个页面是红色的</p> </body> </html> 更详细的内容敬请关注郑州网页设计培训
 

本文TAG关键词: css 工作原理

权威认证

  • 中国室内装饰协会
  • 国家信息化计算机教育认证
  • Adobe中国认证
  • 全国计算机高新技术考试
  • 全国信息技术应用培训教育工程
  • CIW认证