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

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

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

图片源于网络

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

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

<code>

/<code>

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

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

第三种:嵌入外部样式表

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

<code>
<link>
/<code>

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

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


分享到:


相關文章: