龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

初步学习CSS之定义、分类和基本语法

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
一、 什么是CSS? CSS(Cascading Style Sheets):层叠样式表 由于HTML主要是控制网页的内容,但在网页界面排版上处理得不是很理想,所以就有了CSS的产生.也就是说,CSS主要用于 处理网页内容的显示

一、什么是CSS?
CSS(Cascading Style Sheets):层叠样式表
由于HTML主要是控制网页的内容,但在网页界面排版上处理得不是很理想,所以就有了CSS的产生.也就是说,CSS主要用于处理网页内容的显示排版(布局)

二、CSS的分类

CSS按层次可分为三类:
行内样式表(Inline   Style Sheet)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)

1.行内样式表(Inline Style Sheet)
该样式表只出现于标签中,且只对标签中的内容起作用.

格式:
 <标签名 style="属性1:值1;属性2,值2;属性3:值3;……">内容</style>

例:
Inline Style Sheet.html:

<html>
  <head>
     <title>行内样式表</title>
  </head>
  <body>
     <p style="font-family:宋体; font-size:20pt;font-style:italic;">行内样式表(Inline        Style)</p>
  </body>
</html>

2.内部样式表(Internal Style Sheet)
该新式表说明位于<head></head>中,能作用于整个文档.

格式:
<style type="text/css">
......
</style>

例:
Internal Style Sheet.html:

<html>
  <head>
     <title>内部样式表</title>
     <style type="text/css">
     &n

精彩图集

赞助商链接