VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > HTML >
  • css教程之现在开始样式表

现在开始样式表!(相关css教程
 什么是CSS?
  层叠样式表 (Cascading Style Sheet) 是一系列格式规则,它们控制网页内容的外观。使用 CSS 样式可以非常灵活并更好地控制确切的网页外观,从精确的布局定位到特定的字体和样式。总的来说,CSS可以完成下列工作:
  1、弥补HTML对网页格式化功能的不足,如段落间距、行距等。
  2、设置字体变化和大小。
  3、设置页面格式的动态更新。
  4、进行排版定位。
一、CSS的特点
  1、控制页面中的每一个元素(精确定位)
  2、对HTML语言处理样式的最好补充
  3、把内容和格式处理相分离,减少工作量
二、CSS的样式规则
  CSS样式规则由两部分组成:选择器和声明。
  选择器是样式名称(如TR或P)
  声明是用于定义样式元素
三、在Dreamweaver中CSS的三种类型
  1、自定义CSS样式(类样式):使你可以将样式属性设置为任何文本范围或文本块。如:
.self{color:#66ff00}
  强调的一点是在样式名称前必须加“.",并且包含任何字母和数字的组合。如果你没有输入开头的句点,在Dreamweaver中将自动输入。
  2、HTML标签样式:重定义标签的格式。创建或更改标签的CSS样式时,所有用标签设置了格式的文本都立即更新。如:
h1{font-family:Arial}
  3、CSS链接样式:重定义链接有关的格式。有四种如下
    A:link 设置正常状态下链接文字的样式
    A:active 设置鼠标单击时的链接文字的外观
    A:visited 设置访问过的链接外观
    A:hover 设置鼠标放置链接文字上文字的效果
四、添加CSS样式表的三种方法
  1、直接在标签内定义,主要是在body内实现。例如:<p style="color:blue;font-size:10pt">css实例</p>。不过呢,这种方法使用比较简单、显示直观,无法发挥样式表的优势,因此呢我们是不推荐使用的。
  2、在head里实现的css样式。这种的css一般位于html文件的头部,即<head>与</head>标签内,并且以<style>开始,以</style>结束。例如如下代码:
<style Type="text/css">
<!--
  H1{font-size:x-large;color:red}
  H2{font-size:large;color:blue}
-->
</style>
  其中<style>与</style>直接是样式的内容,在{ }前面可以写样式的类型和名称。{ }中是样式的属性。这种方法是经常被使用的添加样式表的方法。
  3、在文件外使用(也就是使用链接样式表),就是我们在网页中可以调用我们已经定义好的样式表来实现样式表的应用,它可以定义在html文件内部,也可以单独成为文件。这种方法最适合大型网站的css样式定义。
<link rel="stylesheet" href="style.css" type="text/css">

相关教程