前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

#HTML#-CSS样式-设置元素样式的三种方式

层叠样式表(Cascading Style Sheets,CSS)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,CSS备受前端开发者的青睐。本文对基本的CSS元素的基本属性进行介绍。

CSS的基础元素包括style,本文主要对style中font-size(设置字体大小)和color设置文本颜色两种属性设置这两种属性主要包括三种方式:

第一种:对对象进行内嵌样式,代码如下:

<body>
<a style="font-size:定义对象大小;color=定义对象颜色">对象</a>   
</body>

第二种:对整个文本嵌入样式,代码如下:

<head>
<style type="text/css">
a{
     font-size:定义字体大小;
     color:定义字体颜色
         }
</style>
</head>   //对整个文本进行嵌入样式

第三种:嵌入外部样式表

可以单独创建一个外部样式表(.CSS)文件,CSS文件中的定义方法与第二种类似,然后在HTML中引入该文件,代码示例如下:

<head>
<link rel="stylesheet"  type="text/css" herf="CSS文件名">
 </head>

三种方式中,后两种会经常用到,因为第一种在一个HTML中无法实现同时对两个对象进行样式设置,而后两种可以对多个对象进行样式设计。

另外,当三种在HTML同时层叠出现时,三种方式的优先级:第一种>第二种>第三种。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言