龙空技术网

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

Doudoure 148

前言:

现在看官们对“css如何定义下一个元素样式”大致比较关心,小伙伴们都想要分析一些“css如何定义下一个元素样式”的相关知识。那么小编也在网上网罗了一些有关“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同时层叠出现时,三种方式的优先级:第一种>第二种>第三种。

标签: #css如何定义下一个元素样式